CSS基础教程第21课，CSS对齐(Align)

CSS对齐(Align)

CSS水平对齐(Horizontal Align)

在CSS中，有几个属性用于元素水平对齐。

块元素对齐

块元素是一个元素，占用了全宽，前后都是换行符。

块元素的例子：

h1、p、div

在这一章中，我们会告诉你块元素如何水平对齐布局。

中心对齐,使用margin属性

块元素可以把左，右页边距设置为”自动”对齐。

margin属性可任意拆分为左，右页边距设置自动指定，结果都是出现居中元素：

实例

提示: 如果宽度是100％，对齐是没有效果的。

运行程序尝试一下

使用position属性设置左，右对齐

元素对齐的方法之一是使用绝对定位：

注意：绝对定位与文档流无关，所以它们可以覆盖页面上的其它元素。

运行程序尝试一下

使用float属性设置左，右对齐

使用float属性是对齐元素的方法之一：

运行程序尝试一下