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

既然说了width和height是指内容,我就不明白了这里显示的效果width的100px为什么比padding的50px还要短了?

http://img.mukewang.com/583800ce0001ba0508850501.jpg

谁能回答我吗?

提问者:慕粉4370907 2016-11-25 17:15

个回答

  • 王豆芽
    2016-11-25 20:35:26
    已采纳

    height和width的问题上面的人已经解释了 这个英文不换行是因为英文字母之间如果没有空格 那么系统就会认为是一个单词   就不会自动换行 就像中文里面比如“码”这个字 系统认为是一个字 就不会为了换行而拆成“石”和“马”来展示 所以上面有人说打空格试试 就是因为空格可以识别 所以一行塞不下就会下一行展示 如果想解决这个问题也简单 在#box1的属性里面加这个 “word-wrap:break-word;” 也就是分开字符的意思 就可以看到英文也自动换行的效果了

  • 天生我才必有用哈
    2016-11-25 17:49:51

    英文里打几个空格,你试试看下效果

  • 天生我才必有用哈
    2016-11-25 17:46:44

    一长串英文被当成一个单词,当然会超出了

  • 用户k88e3vug45
    2016-11-25 17:36:27

    这个盒子现在的宽度是170=100(width)+50(右padding)+20(左padding)

    高度是120=100(height)+10(上padding)+10(下padding)

  • 慕粉4370907
    2016-11-25 17:35:04

    随便打,只要想我打得类似的,是中英文结合的,你试试

  • qq_木木_58
    2016-11-25 17:27:01

    width和height 设置的是DIV