码迷,mamicode.com
首页 > Web开发 > 详细

css对文字的设置

时间:2020-09-09 18:54:31      阅读:62      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!