6

http://www.w3schools.com/cssref/playit.asp?filename=playcss_ol_list-style-type&preval=noneで、さまざまな値の概要がわかりやすく説明されていますlist-style-type。

ただし、値noneについては、空のリストシンボル用に水平方向のスペースが確保されています。この水平方向の間隔を削除して、テキストがリストがないかのように実際に左に移動する方法はありますか？リストアイテムで使用したいのですがtext-align:center、この水平方向の間隔により、実際には中央に配置されません。そして<ul>、CMSがそのようにそれをもたらすので、私は使用する必要があります。

基本的に、デフォルトでは弾丸に対してを実行しますlist-style-type:noneが、代わりに弾丸visibility:hiddenに対して達成したいと思います。display:noneこれを行うための適切な方法は何でしょうか？

4

4 に答える 4

12

そのスペースを追加しているのはブラウザのデフォルトのスタイルです。CSSリセットを使用して、すべてのブラウザのデフォルトのスタイルをリセットしてください。ほとんどのブロック要素にはデフォルトのマージン/パディングがあります..要素にもデフォルトで<body>8pxのマージンが適用されています。

Eric Meyerのリセットへのリンクは次のとおりです：http：//meyerweb.com/eric/tools/css/reset/

自分の目で確かめるために、次を追加します。

ol {
margin: 0;
padding: 0;
}
/* This would be declared in the above reset */
于 2013-02-28T03:17:51.010 に答える
1

CSSの使用を開始する前に、必ずブラウザのリセットスタイルを追加してください。

これを追加する必要があります：

ol, li {
  margin: 0px;
  padding: 0px;
}

この質問のために。

于 2013-02-28T03:38:18.740 に答える
1

最近私が見つけたこれへのより良い方法は、をに設定する<ul>ことdisplay: contents;です。したがって、cssは次のようになります。

ul {
       list-style-type: none;
       display: contents;
   }

ul > li {

        padding: 0;
        margin: 0; 
        text-align: center;
   }

これでうまくいくはずです。

于 2018-12-14T11:05:02.413 に答える
0

追加

margin:auto; float:none; display block;ol要素のcssに、これによりパディングが削除され、要素が中央に配置されます

于 2013-02-28T03:17:57.370 に答える