html – 使用font-style更改CSS布局

发布时间：2020-12-14 22:44:44 所属栏目：资源来源：网络整理

导读：请考虑以下HTML标记.在我测试过的大多数浏览器中,第二个列表的显示方式不同(每个列表项都缩进). 两个列表之间的唯一区别与CSS font-style属性有关,我不希望更改列表布局.这种行为有解释吗？最佳答案带有直文的跨度跨度变为18像素高,而斜体文本强制跨度为19

请考虑以下HTML标记.在我测试过的大多数浏览器中,第二个列表的显示方式不同(每个列表项都缩进).

两个列表之间的唯一区别与CSS font-style属性有关,我不希望更改列表布局.这种行为有解释吗？


最佳答案
带有直文的跨度跨度变为18像素高,而斜体文本强制跨度为19像素.
当使用float：left时,这会导致稍微不同的行为.

      span // <-- height: 18px;
 .bad span // <-- height: 19px;

快速解决方法是为两种范围类型设置行高属性：

  span {float:left; line-height:15px;}

不是关于你的代码的意图;)
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!