padding:{10px}; 意思是上右下左内边距都为10px,但是为什么显示出来的效果只有上和左是10px呢???

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

qq_星稀_0

2016-01-08 15:19

padding:{10px};  意思是上右下左内边距都为10px,但是为什么显示出来的效果只有上左是10px呢???

http://img.mukewang.com/568f62bc00016fa708010395.jpg

写回答 关注

8回答

  • Judy_1024
    2016-01-08 15:56:35

    实际padding已经设置为10px了,只是你的内容没有填满盒子,暂且只显示出了左内边距和上内边距,可以内容多一些,就看出右内边距效果。

    或者取消高度设置,使之根据内容自适应,可以看到下内边距效果。

    (此外,不设置宽度时,默认情况下,块状元素的宽度为页面宽度;不是高度时,默认情况下,块状元素的高度为内容的高度)。

  • hello5world
    2016-01-08 15:48:32

    因为右侧和下侧都还有空余的地方

  • 慕码人4671379
    2016-01-08 15:39:11

    你把宽高暂时删了就能看出效果了,或者多写几个字把div填满。

  • 红红宝
    2016-01-08 15:39:01

     其实已经是四周都为10px了
    只是你内容少 看不出来
    你把盒子  汉字 多复制几个  


  • 红红宝
    2016-01-08 15:37:20

     正常应该写#box1{padding:10px;}
    不应该写padding:{10px} 


  • victorle
    2016-01-08 15:32:17

    盒子宽高都是100px,盒子内元素默认靠左上角显示,右下部空间远大于10px,所以看不来。

  • _亓
    2016-01-08 15:31:06

    楼上的应该看他的代码的。你看到只有左上加了10个像素。真相只有一个:那就是下右的你没看出来!你把字多复制几遍让他填充满就看出来了!/流汗

  • 未匆
    2016-01-08 15:28:28

    说错勿怪:

    因为是这样:

    #box1{padding:10px;}

    而不是:

    padding:{10px};

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

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

1225808 学习 · 18234 问题

查看课程

相似问题