ブログ

通常の場合

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

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

■参考ソース

<ol style="list-style-type:decimal">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ol>

■表示結果

width を指定した場合

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

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

■参考ソース

<ol style="list-style-type:decimal">
<li style="width:90%">リスト１</li>
<li style="width:90%">リスト２</li>
<li style="width:90%">リスト３</li>
</ol>

■表示結果

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