32

を使用してリストの箇条書きを削除しました

ul li { list-style: none; }

しかし、弾丸がそこにあるかのように、リストにまだインデントが表示されています。

ここに画像の説明を入力

画像のリスト項目を正確に中央に配置する必要があります。

4

4 に答える 4

46

<ul/>ブラウザは、および<li/>タグに添付されたデフォルトのスタイリングを出荷します

ul,li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0; }

http://meyerweb.com/eric/tools/css/reset/

于 2012-09-14T14:33:23.287 に答える
2

提供されたすべての回答で問題は解決しますが、クロスブラウザーの問題が発生しないように、リセットスタイルシートの使用を検討することを強くお勧めします。

最高のもの(少なくとも最も人気のあるもの)は、おそらくこれです:

http://html5doctor.com/html-5-reset-stylesheet/

それがあなたの問題に役立つことを願っていますが、リセットスタイルシートを使用したくない場合は:

ul, li{
    margin: 0;
    padding: 0;
}
于 2012-09-14T14:37:59.213 に答える
1

テキストを中央に配置する場合は、

li{ 
  padding-left: 0px; 
  padding-right:0px; 
  margin-left:0px; 
  margin-right:0px; 
  text-align:center;
}
于 2012-09-14T14:38:19.643 に答える
0

マージンとパディング 0 を追加することもできます。

ul li { 
   list-style: none; 
   margin:0;
   padding:0;
}
于 2012-09-14T14:33:45.880 に答える