0

HTML 番号付きリストで 2 桁を揃えるにはどうすればよいですか? 14 項目をリストする順序付きリストがあります。ie7 を除くすべてのブラウザで正しく動作しています。しかし、IE7 では、順序付きリストの 2 桁の数字の後のスペースを削除しているようです。

<ol>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
 .....

</ol/>

IE7の出力は次のようになります

1. aaa
2. bbb
3. ccc
....
10.kkk
11.lll

10以降のドット（。）の後のスペースを削除する理由がわかりません。
誰でも私に解決策を提案してください

4

1 に答える 1

0

cssでは、の線に沿って何かを試すことができます

ol{
  left-padding: 2em;
}
ol li{
  left-padding:0.5em;
}

の数と内容の間隔を一定に保つことができる場合がありますli。<ol>IE7での番号の配置を変更する人を見たことがありません。

または、大きな問題ではない場合は、手動で数字を追加することもできます。

<ul>
  <li><em>1.</em>Apple</li>
  <li><em>2.</em>Banana</li>
  ...
  <li><em>14.</em>Orange</li>
</ul>

そして、次のようなcssを使用します。

li{
  list-style-type: none;
  clear: left;
}
li em{
  float: left;
  width: 2em;
  margin-right:0.5em;
  text-align: right;
}

それで、あなたはあなたが望む効果を持つでしょう。

于 2012-05-02T10:03:24.977 に答える