0

h3 タグがあり、残りのタグとの間に他のタグを入れたくありませんが、残りのテキストの前に改行があることを確認できないようです。これどうやってするの？出来ますか？私も試してみclear: both;ました。

CSS:

.sidebar_info
{
    width:175px;
    padding:15px 10px 15px 10px;
    border-radius: 6px;
    background:url(img/info.png) no-repeat right top #ecf8fd;
    font-size:11px;
    text-align:left;
    line-height:17px;
}

.sidebar_info h3
{
    color:#49bae8;
    float:left;
    font-size:18px;
    font-weight:400;
    margin:0;
    padding:0;
    clear: both;
}

html:

<div class="sidebar_info"><h3>RAWR!</h3>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>
4

1 に答える 1

1

本質的にブロックレベルの要素である要素に使用float: left;しているため、左にフロートすると残りのスペースが空になり、それ以外のテキストが残りの利用可能なスペースで上に移動するため、フロートする理由h3その後休憩が必要なときは左に？

テキストを左、右、または中央揃えにする必要がある場合は、text-alignプロパティをleft, right, or center値として使用するだけです

そして、まだ休憩が必要な場合（この場合、単に削除するだけでは必要ありません）、このように要素をfloatセルフクリアするよりもh3

.sidebar_info h3:after {
  content: "";
  display: table;
  clear: both;
}
于 2013-04-07T05:35:25.737 に答える