0%

CSS样式笔记

弹性布局

对齐

居中对齐子元素

1
2
3
display: flex;
justify-content: center;
align-items: center;

两端对齐

1
2
display: flex;
justify-content: space-between;

文本操作

1.单行文本溢出用省略号显示:

1
2
3
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

2.多行文本溢出用省略号显示:

1
2
3
4
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

选择器

匹配属于其父元素的最后一个子元素

1
:last-child

表单

去除表单蓝框框

1
outline-style: none;

禁止多行文本框变换大小

1
resize: none;

元素旋转

1
2
3
4
5
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg);

鼠标点击穿透后面的元素

1
pointer-events: none;
-------------本文结束,感谢您的阅读-------------
最近打算存点钱,吃点高端的像沙县小吃这样的餐厅
  • 本文作者: Quokka
  • 本文链接: https://blog.yunjv.net/Css/css.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!