padding:10px 为什么盒子内内容没有居中

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

白衣2

2016-04-20 10:39

padding:10px 为什么盒子内内容没有居中

写回答 关注

4回答

  • CuzFinal
    2016-04-20 10:43:57
    已采纳

    padding是控件内边距,padding:10px是距离左边10px,居中是text-align:center

    CuzFin... 回复白衣2

    楼下那个说的对,padding:10px是所有控件内边距10px,不是左边距,我也是刚学的。

    2016-04-20 15:14:11

    共 2 条回复 >

  • 王不留行十万错
    2016-08-31 10:52:41

    也就是说这里说的内容并不是文字或者图形本身,是存放文字或者图形的容器?

  • 慕粉_均宝贝的粉红色
    2016-04-20 11:24:26

    padding:10px 只是设置了边框内容之间上下左右的距离有10px那么大,与是否居中没有关系的。

    只能说如果盒子有100px的宽(没有外边距margin和边框border的情况下),内容也有100px(和盒子一样大小)的宽,你这个时候设置padding:10px就会是内容居中了。

    5716f1460001d7dc03840183.jpg

    5716f1470001602f05000719.jpg

    如果盒子的大小和里面内容的大小不一致,盒子大小为200px,内容大小为100px:

    5716f29900011fca05000704.jpg5716f29a0001154502980297.jpg

    在设置padding:10px的情况下,只会让外边的盒子上下左右各增大10px,这样子是不可能居中的。

    自己写一下代码比较一下,还要理解盒子模型的意思才行哦~~可能也没说清楚,哈哈

  • 白衣2
    2016-04-20 10:43:11

    我知道了。

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

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

1228526 学习 · 19002 问题

查看课程

相似问题