css字体文本格式

css字体文本格式

css字体文本格式

缩进

text-indent 属性规定文本块中首行文本的缩进。(允许使用负值。如果使用负值,那么首行会被缩进到左边。)

length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值

text-indent:2rem    //首行缩进两个字符

 

换行

word-wrap 属性允许长单词或 URL 地址换行到下一行。

word-wrap: normal|break-word;

normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。

p{ white-space:nowrap; } //强制不换行 

注: display:inline :内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行

p{ word-wrap:break-word; word-break:normal; }//自动换行 

p{ word-break:break-all; }//强制英文单词断行

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

span { display:block; }

 

字体间距

letter-spacing:汉字间字间距设置或者英文单词中每个字母的间距
word-spacing:设置英文每个单词之间的距离,对中文文字之间的距离没有效果

重要:letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而IE不会,因此就会造成定义间距越大差别越大!
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值.

 

转换文本格式

text-transform

none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

 

文本下划线 删除线 上划线

div{text-decoration: none; }/*无装饰,通常对html下划线标签去掉下划线样式*/
div{text-decoration: underline; }/*下划线样式*/
div{text-decoration: line-through; }/*删除线样式-贯穿线样式*/
div{text-decoration: overline; }/*上划线样式*/

1
蜗牛不带伞
蜗牛不带伞
发表于2018-08-02 9:09
标签 cssdisplayletter-spacingtext-decorationtext-transformwhite-spaceword-spacing 归档于 css