怎样建设网站:对vertical - align属性设置
CSS段落文字
段落是由一个个文字组合而成的,同样是网页中十分重要的组成部分,因此前面提到的
文字属性,对于段落同样适用。但CSS针对段落也提供了更多的样式属性。
(1)段落的水平对齐方式。在CSS中,段落的水平对齐是通过属性text - align控制的,
它的值可以设置为左对齐、右对齐、居中对齐等。因此,在CSS中控制段落文字的对齐方式
就像在Word软件中一样方便。
格式:
任务3掌握CSS层叠样式表
(2)段落的垂直对齐方式。CSS段落文字的垂直对齐方式是通过vertical - align属性实
现的。对于文字本身而言,该属性对于块级元素并不起作用,如<p>和<div>等标记。但
对于表格而言,这个属性则显得十分重要。
格式:
选择嚣{ vertical
align:髓帮孝豢;
段落的垂直对齐方式常见的有top(顶端对齐)、bottom(底端对齐)、middle(中间对齐)。
用“记事本”编写如下代码并保存为3-3 _6. htm文件。
通过浏览器查看,上面这段代码在IE 9中的显示结果如图3-22所示。
如果对vertical - align属性设置具体值,对于文字本身则可以在垂直方向上发生位移。
当值设置为正数时,文字将向上移动相应的数值,设置为负数时则向下移动。