html – CSS属性来填充div内的文本

前端之家收集整理的这篇文章主要介绍了html – CSS属性来填充div内的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法给一个div元素一些填充内边界?例如,目前我的主要div元素内的所有文本都正好位于元素边框的边缘.作为这个网站的一般规则,我想要在文本和边框之间至少有10到20像素的空间.

这是一个屏幕截图,以说明我目前拥有的:

解决方法

我在这里看到很多答案,您可以从div的宽度和/或使用框大小中减去,但您需要做的就是应用填充所涉及的div的子元素.所以,例如,如果你有这样的一些标记
<div id="container">
    <p id="text">Find Agents</p>
</div>

所有你需要做的是应用这个CSS:

#text {
    padding: 10px;
}

这是一个小提琴,显示出差异:@L_404_0@

或者更好的是,如果你有多个元素,并且不想给他们所有相同的类,你可以这样做:

.container * {
    padding: 5px 10px;
}

这将选择所有的子元素,并为它们分配你想要的填充.这是一个在行动中的小提琴:http://jsfiddle.net/CHCVF/3/

猜你在找的HTML相关文章