1

私が欲しいものを示すこの小さなフィドル.stack-slotを書きましたが、私が知りたいのは、要素をスタイルするために離れていることです。<br/>（a）コンテンツのサイズに縮小し、（b）タグの代わりにcssルールを使用して、示されているように互いに垂直に積み重ねますか?

html:

<span class='stack-panel vertical'>
    <span class='stack-slot'>
        <span class='content'>1</span>
    </span>
    <br/>
    <span class='stack-slot'>
        <span class='content'>2</span>
    </span>
    <br/>
    <span class='stack-slot'>
        <span class='content'>3</span>
    </span>
</span>

CSS:

.stack-panel.vertical .stack-slot
{
    /*TODO replace effect of <br/> tag*/
}
4

2 に答える 2

3

これを行う：

.stack-panel.vertical .stack-slot {
    clear:left;
    float:left;
}

jsFiddle の例

<br>タグはありません。縦に積み上げられ、コンテンツに合わせて縮小されます。

于 2013-08-20T20:14:13.123 に答える
0

グループ化されているものには、順序付けされていないリストを使用する必要があります。

     <ul>
       <li>1</li>
       <li>2</li>
   </ul>

CSS:

ul, li {
   padding:0;
   margin:0;
   list-style:none
}
于 2013-08-20T20:15:12.197 に答える