您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息
三六零分类信息网 > 商洛分类信息网,免费分类信息发布

css文字居中怎么打

2024/3/5 11:01:13发布16次查看
css text-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:1px solid #000; text-align:left} .div2{ width:300px; height:50px; border:1px solid #000; text-align:center} .div3{ width:300px; height:50px; border:1px solid #000; text-align:right} /* div1 div2 div3 分别设置 靠左 居中 靠右对齐 */
2)、html代码
<div class="div1">我被靠左对齐</div> <div class="div2">我被居中显示</div> <div class="div3">我被靠右对齐</div>
以上就是css文字居中怎么打的详细内容。
商洛分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录