4

div を作成し、その中に見出しを作成しますが、表示すると、見出しは div の外側にあります 見出しの余白を減らす方法は? ここに私のコードがあります:

<div id="left" style="width:300px; height:100px; float:left; margin:5px 40px 0;">
<h5 id="companyname">{{companyname}}</h5>
<h5 id="companyaddress">{{companyaddress}},{{companycity}},</h5>
<h5 id="companycountry">{{companycountry}}</h5>
</div>

そしてここにcssがあります：

#companyname{
text-align:left;
font-size:13px;
}
#companyaddress{
text-align:left;
width:68%;
font-size:13px;
}
#companycountry{
text-align:left;
font-size:13px;
}
4

4 に答える 4

10

このような

デモ

CSS

h5{
    margin:0;
    padding:0;
}
于 2013-10-08T06:24:39.223 に答える
1

追加してみてください

h5
{
line-height:10px;
}

私は10pxを使用しました。必要に応じて値を使用できます

フィドルのデモ

それに応じてマージンとパディングを設定することも良いオプションです

h5 {
    margin:0px;
    padding:0px;
}
于 2013-10-08T06:23:54.740 に答える
0

質問：

見出し余白を減らすには？

答え：

h5 { margin: 0px; }
于 2013-10-08T06:23:42.973 に答える
0

2 つのオプションがあります。

  1. divの高さを増やす

  2. デフォルトでは h5 要素にはいくらかのマージンがかかるため、このように h5 に css を与えます

    h5{マージン:0px}

于 2013-10-08T06:25:25.870 に答える