chrome的浮动bug

浏览器版本

Version 49.0.2623.87 (64-bit)

bug描述

当为ul以及它的子元素li同时设置float属性时,li中的文字会出现折行现象。此issue中描述了这个bug。

DEMO

http://winterfell30.com/ife-demo/task1.2/task2.html

解决方法

  • lifont-size超过15.14px
  • li添加list-style-type:none
  • li添加white-space: nowrap强制其内文字不换行。
posted @ 2016-03-18 22:04  Sevenskey  阅读(...)  评论(...编辑  收藏