通常の場合

ol タグで、算用数字が振られるリストを表示すると、1. 2. 3. ・・・ となっていく。

以下が、ol タグで算用数字が振られるソースとその表示例。

■参考ソース

<ol style="list-style-type:decimal">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>

■表示結果

  1. リスト1
  2. リスト2
  3. リスト3

width を指定した場合

これが、li の style に width を指定して、IEでみるとなぜか 1. 1. 1. ・・・ となっている。

以下が、挙動がおかしくなるソースとその表示例。

■参考ソース

<ol style="list-style-type:decimal">
<li style="width:90%">リスト1</li>
<li style="width:90%">リスト2</li>
<li style="width:90%">リスト3</li>
</ol>

■表示結果

  1. リスト1
  2. リスト2
  3. リスト3

これはどうすれば対処できるんだ?

zontheworld
うまい焼肉が喰いたい。
HTML convert time: 0.278 sec. ( Login )