我尝试使用"行高"属性来增加两个文本框之间的空间,但它仅适用于文本。
那么,是否有任何其他 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;
}
查看 CSS 边距
http://www.w3schools.com/css/css_margin.asp
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 */