有没有办法给一个div元素一些填充内边界?例如,目前我的主要div元素内的所有文本都正好位于元素边框的边缘.作为这个网站的一般规则,我想要在文本和边框之间至少有10到20像素的空间.
这是一个屏幕截图,以说明我目前拥有的:
解决方法
我在这里看到很多答案,您可以从div的宽度和/或使用框大小中减去,但您需要做的就是应用填充所涉及的div的子元素.所以,例如,如果你有这样的一些标记:
<div id="container"> <p id="text">Find Agents</p> </div>
所有你需要做的是应用这个CSS:
#text { padding: 10px; }
或者更好的是,如果你有多个元素,并且不想给他们所有相同的类,你可以这样做:
.container * { padding: 5px 10px; }
这将选择所有的子元素,并为它们分配你想要的填充.这是一个在行动中的小提琴:http://jsfiddle.net/CHCVF/3/