水平对齐(text-align) 使用方法
水平对齐（text-align），用以设定元素内文本的水平对齐方式。 phperz.com1.语法
text-align具体参数如下：
语法：text-align : left | right | center | justify
说明：设定元素内文本的水平对齐方式。
参数：left : 左对齐；right : 右对齐；center :居中；justify :两端对齐
初始值：跟浏览器的设置有关
继承性：可继承
适用于：block元素
2.适用于：block元素 www~phperz~.com
text-align属性只有对block元素设定才会生效。例如有如下设定：
<p style="text-align:right;"><img src="img/ddcat_anim.gif" alt="图片" style="text-align:center;" /></p>
虽然对图片设定了居中对齐，但是在浏览器内并不会居中对齐。
由上代码读者可以看到，因为图片<img>默认为inline元素，所以即使定义了“text-align:center;”，也仍然同文字一起右对齐。因此不能直接通过对图片的设定来达到单独图片的对齐。
如果想让单个图片达到居中的效果，应该在其外嵌套一个block元素，然后设置这个元素的对齐方式为居中对齐，如下所示：
www~phperz~.com
<p style="text-align:center;"><imgsrc="img/ddcat_anim.gif" alt="图片" /></p>
其效果就会图片居中显示
页:
[1]