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

来源:15-2 水平居中设置-定宽块状元素

chrisgardner883132

2018-07-26 13:15

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

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

https://img.mukewang.com/5b5958b80001c81a08140649.jpg

https://img.mukewang.com/5b5958cf00016de219190202.jpg

写回答 关注

4回答

  • 叶子叶子花
    2018-08-07 17:35:24

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

    叶子叶子花

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

    2018-08-07 17:50:28

    共 1 条回复 >

  • smallseapig
    2018-08-04 16:32:54

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

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

  • Amon_谦人
    2018-08-03 17:08:21

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

  • 锐少少
    2018-07-26 16:31:58

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题