0

Chrome、Firefox、および Opera の最新バージョンで正しく表示されるリストがありますが、IE バージョン 8、9、および 10 では、数字とテキストの間に非常に大きなスペースがあります<div>。

どうすればこれを修復できますか? 番号とテキストの下に背景画像が必要なためですlist-style-position。insideテキストが長くなる可能性があるため、絶対配置は適切な解決策ではありません。

<style>
  ol {
    list-style-position: inside;
    background-color: silver;
    font-size: 180%;
    padding: 0px;
  }
  li {
    border: solid 1px;
  }
  div {
    font-size: 50%;
    display: inline-block;
  }
</style>

<ol>
      <li><div>aaa</div></li>
      <li><div>bbb</div></li>
</ol>
4

1 に答える 1

0

これを body タグに記述します

           <!--[if IE]>
        <style>
              ol {
                list-style-position: inside;
                background-color: silver;
                font-size: 180%;
               margin-left:-0.5%;
              }
              li {
                border: solid 1px;
               position:relative;
              }
              div {
                font-size: 50%;
                display: inline-block;
                position:absolute;
                padding-top: 8%;
                padding-left: 12%;
              }


        </style>
           <![endif]-->
于 2012-12-21T11:45:12.607 に答える