1

タグ<ul>で<li>ラップして作成しています。タグ<section>の外側のリスト スタイル (ドット) 表示を除いて、すべて正常に動作します。<section>理由はわかりません。誰かがヒントを共有できれば幸いです。どうもありがとう。

私のhtml

<section id='test'>
    <ul>
       <li>line 1 jiofjisojfoisdjfoisjfio</li>
       <li>line 2 jiofjisojfoisdjfoisjfio</li>
       <li>line 3 jiofjisojfoisdjfoisjfio</li>
       <li>line 4 jiofjisojfoisdjfoisjfio</li>
       <li>line 5 jiofjisojfoisdjfoisjfio</li>
       <li>line 6 jiofjisojfoisdjfoisjfio</li>
       <li>line 7 jiofjisojfoisdjfoisjfio</li>
   </ul>

</section>

CSS

section { 

    display: block;
    width: 1200px;
    margin: 50px auto;
    border: 3px solid red;

}

このように表示されます..

 ----------------------
*| line 1 jioj..       |
*| line 2 jiof..       |
*| line 3 jiof..       |
*| line 4 jiof..       |
*| line 5 jiof..       |
*| line 6 jiof..       |
 -----------------------

黒い点は、セクション タグの外側にあります。

4

1 に答える 1

1

それがうまく表示されますDEMO

JSFiddle の Normalized CSS チェックボックスをオフのままにします

于 2012-07-05T18:59:52.617 に答える