现在我们将讨论如何用 CSS 来控制网页中文字定位, 这些性质是

本例仅介绍行距和对齐,其他的留给同学们自己研究。

行距

我们有时候可能会想把行距加大点使得文字看的清楚一些. CSS 中的 line-height 可以取得这种调节

.p1 {
line-height: 2;
}

请看下面的比较.

这一段文字的行高是正常的,这一段文字的行高是正常的,这一段文字的行高是正常的,这一段文字的行高是正常的,这一段文字的行高是正常的
这一段文字的行高是双倍的,这一段文字的行高是双倍的,这一段文字的行高是双倍的,这一段文字的行高是双倍的,这一段文字的行高是双倍的

如果想让 line-height 等于3或更大的话, 不妨试试.

看齐

一般来说我们都是向左边看齐. 但有的时候也有其他的选择, 比如说向右边看齐.

.zuo {
background-position: left;
}
.you {
text-align: right;
}
.zhong {
text-align: center;
}

请看下面的比较.

这一行左对齐

这一行右对齐

这一行居中对齐