0

すみません、これはとても簡単な質問ですが、私には理解できません。ブロック div のリストの最初の div とインラインで div を表示する方法。

ここにjsfiddleがあるので、私が何を意味するかがわかります：http://jsfiddle.net/trpeters1/u6pt6/11/

そのための HTML は次のとおりです。

<div class="">1</div>
<div class="">2</div>
<div class="">3</div>
<div class="title">this is my title</div>

CSSは次のとおりです。

div{
    width:30px;
    height:30px;
    margin:1px;
    background:red;
}

class="title"この例では、現在のように 3 の下の下部ではなく、1 の横にdiv をインラインで表示したいと考えています。重要な注意点は、最初の 3 つの div は、一部の php コードによってレンダリングされるため、まとめておく必要があるということです。そのため、非ネスト ベースのソリューションが推奨されます。

ご協力いただきありがとうございます、

ティム

4

1 に答える 1

1

このような？

<section>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</section>
<section>
    <div class="title">this is my title</div>
</section>

</p> 

div{
    width:30px;
        height:30px;
        margin:1px;
        background:red;
}
section{
    float:left;
}
.title {
    width: 150px;
}

右のタイトル: http://jsfiddle.net/u6pt6/13/

左のタイトル: http://jsfiddle.net/u6pt6/14/

于 2012-04-05T00:40:39.950 に答える