web関連

【css】IE11でline-heightが上手く効かない時

/

ie11でline-hightを指定しているのにテキストが謎の高さを持っていた時の備忘録

display:block;を親要素に指定したら直った

以下のような構造でテキストが謎の高さを持っていた
親要素であるlidisplay:block;を指定したら直った

<ul>
  <li>
    <a href="リンク" style="display: flex;">
      <time>line-heightを指定</time>
      <h3>line-heightを指定</h3>
    </a>
  </li>
</ul>

<style>
  li{
    display: block;/*これをすると謎の高さが消える*/
  }
</style>

liはブロック要素だけどdisplay:list-item;だからie11のlist-itemの解釈が他のブラウザと異なるってことなのかもね

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。