现在我们将讨论如何用 CSS 来控制网页中文字定位, 这些性质是
本例仅介绍行距和对齐,其他的留给同学们自己研究。
行距
我们有时候可能会想把行距加大点使得文字看的清楚一些. CSS 中的 line-height 可以取得这种调节
.p1 {
line-height: 2;
}
请看下面的比较.
| 这一段文字的行高是正常的,这一段文字的行高是正常的,这一段文字的行高是正常的,这一段文字的行高是正常的,这一段文字的行高是正常的 |
| 这一段文字的行高是双倍的,这一段文字的行高是双倍的,这一段文字的行高是双倍的,这一段文字的行高是双倍的,这一段文字的行高是双倍的 |
如果想让 line-height 等于3或更大的话, 不妨试试.
看齐
一般来说我们都是向左边看齐. 但有的时候也有其他的选择, 比如说向右边看齐.
.zuo {
background-position: left;
}
.you {
text-align: right;
}
.zhong {
text-align: center;
}
请看下面的比较.
这一行左对齐 这一行右对齐 这一行居中对齐 |