摘要:根据CSS中块级元素和行内元素的不同特征,其居中显示的方式也有差异,下面就水平和竖直居中的情况做一总结: 1.水平居中 1.1 给父元素设置text-aglin:center;可以实现文本、图片等行内元素的水平居中。 1.2 宽度确定的块级元素的水平居中是通过设置margin-left和margin-right的值为auto来实现。 1.3 对于宽度值不确定的块级元素的居中可以使用以下三种方式,可根据实际情况选择不同方案: 1.3.1 改变块级元素的display值为inline,然后使用text-aglin:center来实现居中, 但此做法的缺点是将块级元素转化为行内元素后就无法设置长宽, 阅读全文
posted @ 2012-02-20 16:14 希-若愚 阅读 (109) 评论 (0) 编辑