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

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

慕粉4370907

2016-11-25 17:15

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

谁能回答我吗?

写回答 关注

6回答

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

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

    慕粉4370...

    非常感谢!

    2016-11-25 21:05:55

    共 2 条回复 >

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

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

    慕粉4370...

    打空格会换行

    2016-11-25 17:54:17

    共 1 条回复 >

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

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

    慕粉4370...

    什么意思

    2016-11-25 17:49:01

    共 1 条回复 >

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

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

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

    白石青

    宽度你计算有误吧,padding有三个值的时候,是“上、左右、下”,那么宽度应该=100+50+50+1=201 同理长度=100+10+20+1=131

    2016-12-15 14:09:40

    共 2 条回复 >

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

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

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

    width和height 设置的是DIV

    慕粉4370...

    为什么中文不会超出边框,而英文会超出边框,你在盒子1后面加上“基督教司法护短ID我及司法第五回电话市场定位iusdsjfsdhfiuheufihweiuhfewihfuwehfuhweuifhweuihfiuewhfiuheuifh”我积分不够无法提供图了,大神你试试就知道我什么意思了

    2016-11-25 17:31:51

    共 1 条回复 >

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

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

1228534 学习 · 19032 问题

查看课程

相似问题