「line-height」プロパティを使用して 2 つのテキスト ボックス間のスペースを増やしてみましたが、テキストにのみ適用されます。
SO、2 つの分割 (「div」) 間の垂直方向の間隔を広げるために使用できる他の CSS プロパティはありますか??
cssマージンを見てください
マージンを使用して、分割間のスペースを定義できます。
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 */