css对文字的设置

1.字间距

letter-spacing: 3px;

 


2.首行空两个字符

text-indent: 2em;//必须为em为单位1em为一个字符

 

3.文字两端对齐。

text-align: justify;

4.文字单行超出部分为省略号

overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;

5.指定显示文字X行,尾部省略号代替

overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box;  //将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)
-webkit-line-clamp:2; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。此处为2行
word-wrap: break-word;

6.实现字母转换大写

text-transform: uppercase;

7.html响应式固定某个屏宽

<meta name="viewport" content="width=375,target-densitydpi=375, user-scalable=no">

 

css对文字的设置

上一篇:Thinkphp模型关联条件查询


下一篇:js面向对象(深度总结)