UL アイテムをその含む DIV 内に留めておくにはどうすればよいですか?

Question

<p>非常に簡単なセットアップがあります: </p> <pre class="brush:php;toolbar:false;"><div class="container">

<li>プロジェクト 1</li> <li>プロジェクト 2</li> </ul> </div></pre> <p>すべてのコンテンツと UL の箇条書きは div 内にあると考えていましたが、現在はそうではありません。 </p> <p>UL の箇条書きは div の外側に表示され、オーバーフローが非表示になると実際には消えます。 </p> <p>私にとって、これはある意味で問題であり、この問題はさまざまなブラウザに存在します。HTML 仕様を調べましたが、これがどのように発生するかを説明するものは見つかりませんでした。 </p> <p>CSS の修正やその他のレイアウトの修正はありますか? </p>

Answer 1

list-style-position: inside 小さな画面で複数行の箇条書きが必要な場合を除き、ほとんどの場合に問題なく機能します。これにより、テキストが先頭に揃えるのではなく箇条書きに揃えられるためです。テキストの位置。

デフォルトの text-align:outside をそのまま使用すると、余白を小さくし、中央のコンテナを覆うようにテキストを左揃えにすることで、箇条書きの配置の問題を解決できます。

リーリー

Answer 2

list-style-position:

を使用する必要があります。 リーリー