css对文字的设置

2021-01-07 04:28

阅读:741

标签:hidden   aci   转换   amp   vertica   nbsp   固定   class   density   

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对文字的设置

标签:hidden   aci   转换   amp   vertica   nbsp   固定   class   density   

原文地址:https://www.cnblogs.com/DeerLin/p/13580905.html


评论


亲,登录后才可以留言!