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

定宽块状元素_水平居中设置

1、上一节讲的是对行内元素进行水平居中的设置,但是操作的是div标签内的文本,那div不是块状元素吗?为什么又叫行内元素?各种名词已经懵逼。

2、不是说“当元素为块状元素时用text-align:center对元素设置水平居中就不起作用了。”,为什么我的程序依然起作用了?

https://img1.sycdn.imooc.com//5b5958b80001c81a08140649.jpg

https://img1.sycdn.imooc.com//5b5958cf00016de219190202.jpg

正在回答

4 回答

我的理解是 行内元素指的是那一行里面的元素,也就是文本内容,而块状元素是那个边框,就是你把border那个语句加上就能看出来,以那个边框框起来的部分加上边框本身构成一个块。

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

叶子叶子花

嗯..主要是那个框 里面的文字并没有居中 可以把width设置的再大一点 比如width:500px;就能看出来其实文字是没有居中的 也就是说块状元素里面对水平居中没有作用
2018-08-07 回复 有任何疑惑可以回复我~

大哥,text-align:center;定位的是块元素里的文字,虽然我对你说的概念也不大懂;

话说这节课对块元素使用的是margin,即对整个块元素进行操作,也就是“盒子”,因为margin面对的是外边缘,padding面的内边缘,而你所使用的text-align面对的只是文字。

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

建议你可以在style的设置中加入border:1px solid red;把块状元素框起来,能看到整个块状元素的大小,然后运行看一下就知道区别了

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

居中的并不是div元素,而是div元素中的文字。不要搞混淆了

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

举报

0/150
提交
取消

定宽块状元素_水平居中设置

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信