我尝试使用“line-height”属性来增加两个文本框之间的空间,但它仅适用于文本。
那么,是否有任何其他 CSS 属性可用于增加两个分区(“div”)之间的垂直间距?
您可以使用边距来定义分区之间的空间:
CSS:
.myDiv { margin: 5px 0; }
HTML
<div class="myDiv">first</div>
<div class="myDiv">second</div>
这将为它们提供5px
顶部和底部边距。分区之间的距离将是其中任何一个的最大边距值,5px
在这种情况下。
如果您想要更多控制权,您可以单独指定margin-top
和。margin-bottom
例如零上边距和5px
下边距:
.myDiv { margin: 0 0 5px 0; }
这与以下内容相同:
.myDiv {
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
classname
{
margin-top:10px; // as you wish
}
框外定义的空间是margin
.
花一些时间来理解速记符号是值得的:
.box {margin: 5px;} /* 5px all sides */
.box {margin: 5px 10px;} /* 5px top and bottom, 10px left and right */
.box {margin: 5px 10px 15px;} /* 5px top, 10px left and right, 15px bottom */
.box {margin: 5px 10px 15px 20px;} /* 5px top, 10px right, 15px bottom, 20px left */