0

私はCSSを初めて使用します。誰かのCSSコードを引き継ぎました:

.. CSS Reset .. ul, ol, li .. {
   ..
   margin: 0;
   padding: 0;
   ..
}

ただし、パディングを 0 に設定すると、リスト項目の自動インデントが効果的に無効になりますが、インデントが必要なので、次のように書きました。

<ul style="padding: 10;">
    <li style="padding: 10;">
        <ul style="padding: 10;">
            <li  style="padding: 10;">123</li>
        </ul>
    </li>
</ul>

padding: 10ブラウザにはまだパディングが表示されないため、インデントは表示されません。

自動インデントを元に戻すにはどうすればよいですか?

4

3 に答える 3

1

友達、パディング値は10ではなく10pxです。

 <li  style="padding: 10;">123</li>

する必要があります

 <li  style="padding: 10px;">123</li>

乾杯、

于 2013-10-07T02:22:25.637 に答える
0

ユーザーエージェント スタイルシート、またはブラウザー スタイルシートとも呼ばれるパディングを取得します。ユーザースタイルシートはこれをオーバーライドします。css スタイル ルールから ol、ul、li セレクターを削除して、これらの要素にパディングやマージンが適用されていないことを伝える必要があります。また、それは私が見たのは初めてpadding: autoですが、それは本当に可能ですか?

于 2013-10-07T02:05:21.653 に答える
0

CSS リセットを使用する他の誰かの CSS を使用する必要がある場合は、自分ですべてをスタイルする必要があります。したがって、リストにいくつかのインデントを持たせたい場合は、自分でインデントを作成する必要があり、影響を与えたいリスト要素にclassor属性を使用する必要があります。id

一般に、 CSS リセットでオーバーライドした場合、ブラウザのデフォルトスタイルを戻す方法はありません。オーバーライドを明示的にオーバーライドすることしかできません。<ul class=foo>そのリストとその中のすべてのリストにインデントを持たせたいと仮定するとul、設定できます

ul#foo, ul#foo ul { padding-left: 40px }

これにより、HTML5 CR に従って「期待される」デフォルトのインデントが確立されます。これは一般的なブラウザのデフォルトにかなりよく対応していますが、実際のデフォルトはまだ異なる場合があります。

デフォルトに一致すると予想されるものを確立したくないが、適切なインデントを設定したくない場合は、emフォント サイズに適応する単位を使用して、比較的小さい値を使用できます。

ul#foo, ul#foo ul { padding-left: 1.3em }
于 2013-10-07T05:45:16.920 に答える