常用的一些css(持续更新)

超出部分隐藏

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

选择偶数子元素

p:nth-child(2)

{

background:#ff0000;

}

flex换行

 display: flex;

             /*默认不换行*/

             /*flex-wrap: nowrap;*/

             /*换行,第一行在上方*/

             flex-wrap: wrap;

             /*换行,第一行在下方*/

             /*flex-wrap: wrap-reverse;*/

文本两端对齐

text-align-last:justify;

修改placeholder

input::placeholder {

  color:#red;

}

textarea大小不可修改

{

  resize:none;

}

最后一个子元素

p:last-child

{

background:#ff0000;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,547评论 0 6
  • 关于css常见问题,大多是移动端的。 简单的排版规则:条目与条目之间空两行,每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 10,463评论 0 9
  • (这是15年初学css时记的笔记) 选择器 简单选择器 标签选择器 直接把标签名加前面。 类选择器 用.+ cla...
    burningalive阅读 4,722评论 0 0
  • 看那枝头的杨叶静静将时光摆渡一边沐露,一边轻舞只待挨过夏日狂暴便不负与秋风的约定携手共赴冬眠梦梦里有人沉醉有人独醒...
    笑笑_小夕阅读 2,383评论 0 0
  • 2018-05-22 我愿意花一顿饭的功夫, 看那烟海,无尽的灼放, 不是因为不知其中的缘故, 而是不知哪一根是你...
    静的星华夜阅读 3,328评论 12 6