html - ディスクとli要素の間のパディングを取り除くには?

Question

li 要素のパディングを 0 に設定しましたが、まだ約 10 ピクセル分のパディングがあります。提供されるパディングの量を短縮するにはどうすればよいですか?

Answer 1

退屈になりたくない:)しかし、私の意見では、否定的な宣言text-intend:-5px;は一種の間違ったトリックです。ブラウザのデフォルトのスタイルをだますことは知っています。ただし、基本的には、テキストを親要素の外に移動するだけで、ぶら下がっているようなものになります。これらのブラウザー継承スタイルを見つけようとしましたが、箇条書き/ディスクの周りにそのようなパディングを作成するものはありません。

私はいくつかの調査を行い、CSS3 がこの問題に対処するための特別な疑似要素::markerを持っていることを発見しました。アイデアは素晴らしいですが、残念ながらまだどのブラウザにも実装されていません:(

Mozilla には、箇条書きのスタイルを改善する独自の一時的なトリックが あります:-moz-list-bullet- https://developer.mozilla.org/en-US/docs/CSS/:-moz-list-bullet

CSS3 には list-style-position の新しい値、hangingもあり、これが役立つ場合があります。しかし、それはまだよく定義されていません。

別の解決策は、疑似要素を使用することです::before(IE7 ではサポートされていません)。

li:before { 
 content:"•";  
 margin-right:1px;
}

結局のところ、この問題に取り組む関心も必要性もないように思われます。誰もが満足していtext-intendます。
結局のところ、なぜあなたは箇条書きとテキストの間のスペースを削除したいのですか:))私はそれが彼らが呼んだケースだと思います-偶発的な実装