溢出:在有序列表中隐藏在div上会影响li,Chrome错误?

伊兹方

我倾向于认为这是Chrome中的错误(为什么子元素上的样式会影响父元素?),但是可能还有其他我不了解的事情。

下面的有序列表有1个项目,在Firefox和IE10中编号(尽管在IE10中,位置错误)。但是在Chrome中,数字完全隐藏了。

ol {
  list-style-position: outside;
}
div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
}
<ol>
  <li>
    <div>Some text that trails off</div>
  </li>
</ol>

怎么回事/这是错误/可以解决吗?

在此处插入用户名

嗯,这是一种破解,但是可以。添加伪:before元素会返回列表样式,因为li它将具有一些内容。回到div顶部,似乎没有任何改变。

的CSS

ol > li:before {
    content: '';
    display: block;
    height: 1px;
}

div {
    margin-top: -1px;
}

演示版

购买前尝试

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

溢出:隐藏在div标签上会影响背景颜色

来自分类Dev

在有序列表中搜索

来自分类Dev

在有序列表中合并数据框

来自分类Dev

在有序列表中显示表格的最佳做法

来自分类Dev

将反应性隔离在有序列表中

来自分类Dev

在有序列表中包装文本

来自分类Dev

没有显示在有序列表中的列表项中的数字,显示如下:inline-block; 和文本溢出:省略号;

来自分类Dev

如何在有序列表之间插入新的div?

来自分类Dev

简码-按字母顺序将属性的所有术语显示在有序列表中

来自分类Dev

在Markdown中,如何将表格放在有序列表中?

来自分类Dev

Jekyll Kramdown代码在有序列表中-重置号码

来自分类Dev

使用CSS在有序列表编号中样式子项

来自分类Dev

如何在有序列表中定位数组的特定部分

来自分类Dev

用Python方式在有序列表中获取唯一的相邻整数

来自分类Dev

如何在有序列表中的数字和内容之间插入换行符

来自分类Dev

MS Word2013。如何在有序列表中修复此样式?

来自分类Dev

如何在有序列表中显示文本和图片?

来自分类Dev

使用CSS在有序列表编号中样式子项

来自分类Dev

如何在有序列表中定位数组的特定部分

来自分类Dev

在有序列表中隔离反应性

来自分类Dev

如果在类的有序列表下隐藏div

来自分类Dev

在有序的日期列表中填写缺少的年份

来自分类Dev

限制Firebase中的有序列表

来自分类Dev

从有序列表中构建对

来自分类Dev

有序列表中的无序列表

来自分类Dev

将文本放在有序列表生成的数字之前

来自分类Dev

将文本放在有序列表生成的数字之前

来自分类Dev

证明有序列表的串联是不锈钢中的有序列表

来自分类Dev

从LINQ中的有序列表中获取多个列表

Related 相关文章

热门标签

归档