css文字居中怎么打

2024-01-17 16:07 小编

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>

Tag：怎么

联络方式：

微信二维码

您感兴趣的内容