padding为什么对数字不起作用啊？-慕课网

首页课程实战体系课手记专栏慕课教程

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

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

鸣人4245949

2016-12-14 15:11

#box1{

width:100px;

height:100px;

padding:10px;

border:1px solid red;

}

</style>

</head>

<body>

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

写回答关注

10回答

这人不懒_学习刻苦

2017-05-26 17:27:01

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

0 0
weibo_啊你说什么我不听我不_0

2017-01-11 11:22:38

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

1 0

共 1 条回复 >
白色的白色

2016-12-21 19:54:45

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

1 0

鸣人4245...

位置放正确了的，但如果全部是数字，就不会折行。但如果全部是文字，就会折行。你试验一下就知道了。课程11-9

2016-12-22 10:07:03

共 1 条回复 >
qq_宝慕林4402608

2016-12-14 15:46:54

我刚试的

0 0
qq_宝慕林4402608

2016-12-14 15:44:57

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

1 0

鸣人4245...

这个属性加在head区？好像还是不起作用

2016-12-14 15:46:50

共 1 条回复 >
鸣人4245949

2016-12-14 15:37:25

这是我刚试的

0 0
qq_宝慕林4402608

2016-12-14 15:34:52

好的，我再弄一下

2 0

鸣人4245...

http://img.mukewang.com/5850f674000128b108140452.jpg

2016-12-14 15:36:50

共 2 条回复 >
qq_宝慕林4402608

2016-12-14 15:29:21

这是我试的

1 0

鸣人4245...

你这个右边超出去了，不是10px,你重新用汉字试一下，他不会超出红线方框，并且会自动转行，还保持着10px的距离。

2016-12-14 15:33:26

共 1 条回复 >
qq_宝慕林4402608

2016-12-14 15:24:42

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

1 0

共 1 条回复 >
qq_宝慕林4402608

2016-12-14 15:14:09

因为数字不是块状元素

1 0

鸣人4245...

我回看了一下11-2，关于块状元素的定义，块状元素应该是用来形容标签的吧，但我所说的是div这个块状元素里的内容，数字和文字都是他的内容，但就只有汉字起作用

2016-12-14 15:19:50

共 1 条回复 >