时间:2021-05-08
CSS定义字体行间距 line-height:xxpx;
CSS定义字体间距
下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:
属性 属性含义 属性值
Word-spacing 定义了各个单词之间的间距 Normal<length>必须以长度为单位
Letter-spacing 定义了每个字母之间的间距 同上
Text-decoration 定义文字的“装饰”样式 None|underline|overline|
line-through|blink
Vertical-align 定义了元素在垂直方向
上的位置
Baseline|sub|super|top|text-top|middle|bottom|text-bottom
<percentage>
text-transform 使文本转换为其它形式 Capitalize|uppercase|lowercase|none
Text-align 定义了文字的对齐方式 Left|right|center|justify
Text-indent 定义了文本的首行的缩进方式 <length>|<percentage>
Line-height 定义了文本的行高 Normal|<unmber>|<length>|
<percentage>
我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。
举个例子来看看吧:
CODE:
<p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height:17pt">我们看到经过文本属性处理的文本字与字之间多了间距,行与行之间多了行高,对齐方式变成了两端对齐,并且段首又多缩进了两格。</p>
letter-spacing设置了字间距为5px,其中5px为一个长度单位;text-align设置了对齐方式为两端对齐;indent设置了缩进格为4em;line-height设置了行高为17pt
从上面的例子,我们可以看出利用CSS的文本属性可以方便的对页面中的文本进行排版。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文主要讲解如何用CSS控制网页段落行间距的三个实例:1、使用百分比设置行间距,2、使用像素值设置行间距,3、使用数值来设置行间距。本文主要讲解如何用CSS控制
在word文档中,行间距18pt发光就是将文字的行间距设置为18磅,为发光字体。 MicrosoftOfficeWord是微软公司的一个文字处理器应用程序,它
css设置行间距 css提供了一个设置行间距的line-height属性,可以通过line-height设置每行文字的距离。 语法:line-height:
为了使文章整体看起来更加美观,我们就需要调整行间距,今天小编就为大家带来wps行间距的设置教程。需要的朋友抓紧一起学习吧 wps行间距设置教程: 1、我
wps中如何调整字体间距?很多网友下载了wps办公软件,但是对wps的一些基本操作还不是太了解,而基本的一些wsp字间距和行间距的调整都不会操作,下面就以wps