为了账号安全,请及时绑定邮箱和手机立即绑定

请问这个哪里不对?

为什么这样转化成行内元素后不能居中呢?

<style>
div{
    border:1px solid;
text-align:center;
display:inline;
}
</style>

<body>
<div>
我是随意的文字
</div>
</body>


正在回答

3 回答

text-align CSS属性定义行内内容(例如文字)如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐,只控制它的行内内容的对齐

0 回复 有任何疑惑可以回复我~

简单的说,text-align只对块状元素中的元素起作用。比如这段代码就是有效的:div{text-align:center;}。

如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。

当你把div的display属性设置成inline的时候,div元素就成了行内元素,就要给div元素的父元素设置text-align属性来实现居中效果。

0 回复 有任何疑惑可以回复我~

text-align只对块状元素起作用,你已经把div块状元素转变成内联元素了。

可以参照:1 段落排版--对齐、

2 元素分类--内联元素

这两课


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问这个哪里不对?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号