コピー:項目に余白を追加する方法

Question

<p>順序なしリストがあり、スタイルを none に設定すると、デフォルトのインデントされたスペースが作成されます。 <br /><br />マージンとパディングについての私の理解では、マージンは要素の外側のスペースであるため、マージン: 0 を使用してギャップを修正しようとしましたが、機能しませんでした。 padding: 0 を使用すると、li 項目からインデントされたスペースが削除されます。 <br /><br />この場合、マージンではなくパディングがある理由がわかりません。 </p>

<p><br /></p> <pre class="ブラシ:css;ツールバー:false;">ul { リストスタイルタイプ: なし; パディング: 0px; }</pre> <pre class="brush:html;toolbar:false;"><ul>

; リンクトイン </li> </ul></pre> <p><br /></p>

Answer 1

ブラウザのデフォルト設定では、マージンの代わりにパディングが UI に追加されます。したがって、padding: 0px を使用すると、ブラウザのデフォルト値がオーバーライドされます。

右側の [計算済み] タブを確認すると、ブラウザ スタイルのリストが表示されます。左詰め: 40px;

リーリー リーリー