为了账号安全,请及时绑定邮箱和手机立即绑定

padding为什么对数字不起作用啊?

#box1{

    width:100px;

    height:100px;

    padding:10px;

    border:1px solid red;

}

</style>

</head>

<body>

<div id="box1">盒子1</div>

在盒子1这里加上大量的汉字后,内容离边框的位置都是10px,但加上大量的数字后就不起作用了

正在回答

10 回答

前面章节都说了,边界和填充部分默认透明的

0 回复 有任何疑惑可以回复我~

我也是想了半天没有想明白,对数字和英文字母都不起作用

0 回复 有任何疑惑可以回复我~

对什么都起作用的,(包括文字、图片、数字、字母),不起作用可能是位置没放正确

0 回复 有任何疑惑可以回复我~
#1

鸣人4245949 提问者

位置放正确了的,但如果全部是数字,就不会折行。但如果全部是文字,就会折行。你试验一下就知道了。课程11-9
2016-12-22 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5850f8d00001bbb706650512.jpg


我刚试的


0 回复 有任何疑惑可以回复我~

 word-break:break-all;加这个属性

0 回复 有任何疑惑可以回复我~
#1

鸣人4245949 提问者

这个属性加在head区?好像还是不起作用
2016-12-14 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5850f674000128b108140452.jpg这是我刚试的

0 回复 有任何疑惑可以回复我~

好的,我再弄一下

0 回复 有任何疑惑可以回复我~
#1

鸣人4245949 提问者

http://img1.sycdn.imooc.com//5850f674000128b108140452.jpg​
2016-12-14 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5850f4960001f5ea05600493.jpg

这是我试的

0 回复 有任何疑惑可以回复我~
#1

鸣人4245949 提问者

你这个右边超出去了,不是10px,你重新用汉字试一下,他不会超出红线方框,并且会自动转行,还保持着10px的距离。
2016-12-14 回复 有任何疑惑可以回复我~

你的代码没问题,我用数字也可以

0 回复 有任何疑惑可以回复我~

因为数字不是块状元素

0 回复 有任何疑惑可以回复我~
#1

鸣人4245949 提问者

我回看了一下11-2,关于块状元素的定义,块状元素应该是用来形容标签的吧,但我所说的是div这个块状元素里的内容,数字和文字都是他的内容,但就只有汉字起作用
2016-12-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

padding为什么对数字不起作用啊?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信