这一小节我们来学习一下另一个在段落排版中起重要作用的行间距(行高)属性(line-height),如下代码实现设置段落行间距为 1.5 倍。
- p {
- line - height: 1.5em;
- }
- 9.
中文字间隔、字母间隔设置:
如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现,如下面代码:
- h1{
- letter-spacing:50px;
- }
- ...
- <h1>了不起的盖茨比</h1>
注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。
单词间距设置:
如果我想设置英文单词之间的间距呢?可以使用 word-spacing 来实现。如下代码:
- h1{
- word-spacing:50px;
- }
- ...
- welcome to imooc!
- 10.
想为块状元素中的文本、图片设置居中样式吗?可以使用 text-align 样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?在后面的 11-1、11-2 小节中会讲到。)
- h1{
- text-align:center;
- }
- <h1>了不起的盖茨比</h1>
同样可以设置居左:
- h1{
- text-align:left;
- }
- <h1>了不起的盖茨比</h1>
还可以设置居右:
- h1{
- text-align:right;
- }
- 了不起的盖茨比
来源: