CSS / HTML中是否有任何类似于"line-height"的属性可以应用于div标签?



我尝试使用"行高"属性来增加两个文本框之间的空间,但它仅适用于文本。

那么,是否有任何其他 CSS 属性可用于增加两个分区 ("div") 之间的垂直间距?

您可以使用边距来定义分割之间的间距:

.CSS:

.myDiv { margin: 5px 0; }

.HTML

<div class="myDiv">first</div>
<div class="myDiv">second</div>

这将为他们提供5px的顶部和底部边距。分割之间的距离将是其中任何一个的保证金的最大值,在这种情况下5px

如果需要更多控制,可以分别指定margin-topmargin-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 */

最新更新