CSStext-align

 

　　text-align语法：

 

　　text-align:left|right|center|justify

 

　　text-align参数值与说明：

 

　　left:左对齐

 

　　right:右对齐

 

　　center:居中

 

　　*justify:两端对齐（不推荐使用，通常大部分浏览器不使用）

 

　　我们对text-align常用的参数值为left、right、center

 

　　text-align功能说明：

 

　　设置或检索对象中文本的左中右对齐方式。

 

　　案例示范：

 

　　我们设置3个盒子，分别都设置盒子CSS高度、CSS宽度相同，再分别设置三个盒子里内容靠左对齐、居中对齐、靠右对齐。

 

　　我们都设置3个盒子高度为50px；宽度为300px；便于观察我们设置3个盒子都1个黑色边框样式。

 

　　1、HTML+CSS代码

 

　　1）、CSS代码

 

　　.div1{width:300px;height:50px;border:1pxsolid#000;text-align:left}

 

　　.div2{width:300px;height:50px;border:1pxsolid#000;text-align:center}

 

　　.div3{width:300px;height:50px;border:1pxsolid#000;text-align:right}

 

　　/*

 

　　div1div2div3分别设置靠左居中靠右对齐

 

　　*/

 

　　2）、HTML代码

 

　　<divclass="div1">我被靠左对齐</div>

 

　　<divclass="div2">我被居中显示</div>

 

　　<divclass="div3">我被靠右对齐</div>





本文转载自中文网