java 打印字间距 行距_CSS定义字体间距 字体行与行间距

CSS定义字体间距 字体行与行间距

发布时间：2010-07-04 10:48:25   作者：佚名   我要评论

我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。

CSS定义字体行间距 line-height:xxpx;

CSS定义字体间距

下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表：

属性 属性含义 属性值

Word-spacing 定义了各个单词之间的间距 Normal必须以长度为单位

Letter-spacing 定义了每个字母之间的间距 同上

Text-decoration 定义文字的“装饰”样式 None|underline|overline|

line-through|blink

Vertical-align 定义了元素在垂直方向

上的位置

Baseline|sub|super|top|text-top|middle|bottom|text-bottom

text-transform 使文本转换为其它形式 Capitalize|uppercase|lowercase|none

Text-align 定义了文字的对齐方式 Left|right|center|justify

Text-indent 定义了文本的首行的缩进方式 |

Line-height 定义了文本的行高 Normal|||

我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。

举个例子来看看吧：

CODE:

我们看到经过文本属性处理的文本字与字之间多了间距，行与行之间多了行高，对齐方式变成了两端对齐，并且段首又多缩进了两格。

letter-spacing设置了字间距为5px，其中5px为一个长度单位；text-align设置了对齐方式为两端对齐；indent设置了缩进格为4em；line-height设置了行高为17pt

从上面的例子，我们可以看出利用CSS的文本属性可以方便的对页面中的文本进行排版。

相关文章

这篇文章主要介绍了css3 自定义字体font-face使用，需要的朋友可以参考下2014-05-14

传说中的CSS3基本上什么都可以，那么CSS3中可不可以自定义英文字体呢?答案是非常可以。用@font-face即可实现自定义英文字体，下面有个不错的示例，感兴趣的朋友可以了解下2013-09-23

网页制作Webjx文章简介：Div CSS网页布局中对字体的控制是非常重要的，对于需要精确效果的页面而言。这类设置会非常有用。对于一般用户与开发者而论，使用浏览器默认字体即2009-04-02

本文通过实例代码给大家介绍了CSS定义字体、颜色、背景等属性的相关知识，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-08-01

最新评论