CSS_常用样式例子

1 .单行显示 , 超出部分用省略号

white-space: nowrap; // 强制文本不换行
overflow: hidden; // 隐藏滚动条
text-overflow: ellipsis // 溢出文本省略号(代替最后一个字符)显示

2 .多行显示 , 超出部分用省略号(…)

display:-webkit-box; // 对象作为弹性伸缩盒子模型显示 。
-webkit-box-clamp:2; // 限制在一个块元素显示的文本的行数。 
-webkit-box-orient:horizontal | vertical;// 设置框内子元素的排列方式。
text-overflow:ellipsis;
overflow:hidden;

3 .使div 水平居中(包括文字居中和div整体居中)

margin:0 auto;
text-align:center;

4 .HTML中数字和字母不换行显示

word-break:break-all;
word-wrap:break-word
<!-- 
word-wrap:normal : 单词默认是不能断开的，长单词就会溢出。
word-wrap:break-word : 会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句。
word-break:break-all;不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。
-->