1.段落缩进
name{
text-indent:25px;
}
2.隐藏滚动条
name{
overflow-x:hidden; //隐藏水平滚动条
overflow-y:hidden; //垂直
}
3.文本两端对齐
name{
text-align:justify;
}
4.强制不换行
name{
white-space:nowrap;
}
5.自动换行
p { word-wrap:break-word; } //最简单的方式是给p加宽度实现自动换行
6.
强制英文单词断行
p { word-break:break-all; }//设置强制将英文单词断行,需要将行内元素设置为块级元素。
7.
超出显示省略号
p{
text-overflow:ellipsis;
overflow:hidden;
}
8.背景图片自适应宽高
name{
background-image:url(……);
background-repeat:no-repeat;
background-size:100% 100%;
-moz-background-size:100% 100%;
}
-moz代表火狐的内核,-ms代表IE内核,-webkit代表webkit内核。