CSS の順序なしリストからインデントを削除するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-11-17 09:06:03
オリジナル
731 人が閲覧しました

How to Remove Indentation from Unordered Lists in CSS?

順序なしリストからのインデントの削除

    からすべてのインデントを削除しようとすると、要素では、margin、padding、text-indent を 0 に設定しても問題が発生することがよくあります。text-indent を負の値に設定すると問題が解決するように見えますが、それは最適な解決策ではありません。
    ul {
        list-style: none;
        padding-left: 0;
    }
    ログイン後にコピー

    代わりに、リスト スタイルと左パディングの両方を「なし」に設定することをお勧めします。

    このアプローチでは、

      に関連付けられたデフォルトのインデントが効果的に削除されます。
      <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
      </ul>
      ログイン後にコピー
      例:

      * a
      * b
      * c
      ログイン後にコピー
      出力:

      以上がCSS の順序なしリストからインデントを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート