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

概述有没有办法给一个div元素一些填充内边界？例如,目前我的主要div元素内的所有文本都正好位于元素边框的边缘.作为这个网站的一般规则,我想要在文本和边框之间至少有10到20像素的空间. 这是一个屏幕截图,以说明我目前拥有的： 我在这里看到很多答案,您可以从div的宽度和/或使用框大小中减去,但您需要做的就是应用填充所涉及的div的子元素.所以,例如,如果你有这样的一些标记： <div id="con 有没有办法给一个div元素一些填充内边界？例如,目前我的主要div元素内的所有文本都正好位于元素边框的边缘.作为这个网站的一般规则,我想要在文本和边框之间至少有10到20像素的空间.

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

解决方法 我在这里看到很多答案,您可以从div的宽度和/或使用框大小中减去,但您需要做的就是应用填充所涉及的div的子元素.所以,例如,如果你有这样的一些标记：

<div ID="container">    <p ID="text">Find Agents</p></div>

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

#text {    padding: 10px;}

这是一个小提琴,显示出差异：http://jsfiddle.net/CHCVF/2/

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

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

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

总结

以上是内存溢出为你收集整理的html – CSS属性来填充div内的文本全部内容，希望文章能够帮你解决html – CSS属性来填充div内的文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。