css如何实现文字居中

　　

css如何实现文字居中?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

<强> css text-align

text-align语法:

text-align:左| | |中心证明

text-align参数值与说明:

左:左对齐

右:右对齐

中心:居中

*证明:两端对齐(不推荐使用,通常大部分浏览器不使用)

我们对text-align常用的参数值为左,右,中心

text-align功能说明:

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

<强>案例示范:

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

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

1, HTML + css代码

1), css代码

。div1{宽度:300 px;高度:50 px;边界:1 px固体# 000;text-align:离开} 　　.div2{宽度:300 px;高度:50 px;边界:1 px固体# 000;text-align:中心} 　　.div3{宽度:300 px;高度:50 px;边界:1 px固体# 000;text-align:对}/* 　　div1 div2 div3分别设置靠左居中靠右对齐 　　*/

2), HTML代码

& lt; div类=癲iv1"在我被靠左对齐& lt;/div> 　　& lt; div类=癲iv2"在我被居中显示& lt;/div> 　　& lt;类div=癲iv3"在我被靠右对齐& lt;/div>

感谢各位的阅读!看完上述内容,你们对css如何实现文字居中大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。

css如何实现文字居中