0

次の項目 (以下に示す) を揃えるのに問題があります: 基本的に、小さなユーザー アバターといくつかの統計が、そのユーザーによる本文の左側に表示されます。ページ全体に Bootstrap を設定<div class="container">しました。つまり、ユーザー アバターをクラスによって設定されたページの左端に配置しcontainer、主要な要素を右に配置できます。「追加要素」を並べるのに問題がありvertical-align:text-top、クラスでの使用が機能していないようです..助けてくれてありがとう!

希望の出力...

 ----   -------------------------------
|user| |main text ...                  |
|ava-| |                               |
|tar | |                               |
 ----  |                               |
       |                               |
        -------------------------------
        -------------------------------
       |additional elements...         |
        -------------------------------
4

1 に答える 1

1

HTML

<div id="parentDiv">
    <img id="avatar" src="" />
    <div id="rightDiv">
        <div id="mainText">
        </div>
        <div id="elements">
        </div>
    </div>
</div>

CSS

#parentDiv
{
    overflow:hidden;
}
#avatar
{
    float:left;
    width:200px;
    height:300px;
}
#rightDiv
{
    float:left;
    margin-left:10px;
}

それをチェックしてください：http://jsfiddle.net/AliBassam/pxY6c/

于 2013-01-27T21:23:10.090 に答える