水平对齐(text-align) 使用方法

水平对齐（text-align），用以设定元素内文本的水平对齐方式。 phperz.com
1.语法
　　text-align具体参数如下：

语法：text-align : left | right | center | justify
说明：设定元素内文本的水平对齐方式。
参数：left : 左对齐；right : 右对齐；center :  居中；justify :  两端对齐
初始值：跟浏览器的设置有关
继承性：可继承
适用于：block元素

2.适用于：block元素 www~phperz~.com
　　text-align属性只有对block元素设定才会生效。例如有如下设定：

1. <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

1. <p style="text-align:center;"><img  src="img/ddcat_anim.gif" alt="图片" /></p>

复制代码

　　其效果就会图片居中显示