在Firefox中使用列时,右浮动元素消失 [英] Right floated element disappears when using columns in Firefox
问题描述
我正在使用具有column-count和column-gap属性的ol元素在2列中显示列表.每个列表项都有一个向右浮动的span元素,下图中的3和4之类的某些项不会显示.
I am using an ol element with column-count and column-gap properties to display the list in 2 columns. Each list item has a span element floated right, which does not get displayed for some items such as 3 and 4 in the image below.
.list {
column-count: 2;
column-gap:60px;
}
.close {
float: right;
}
<ol class="list">
<li>Test 1
<span class="close">×</span>
</li>
<li>Test 2
<span class="close">×</span>
</li>
<li>Test 3
<span class="close">×</span>
</li>
<li>Test 4
<span class="close">×</span>
</li>
<li>Test 5
<span class="close">×</span>
</li>
</ol>
我正在使用Firefox Quantum 58.0.2(64位),并尝试了运行良好的最新Chrome,Edge和Opera.
I am using Firefox Quantum 58.0.2 (64bit), and have tried latest Chrome, Edge, and Opera which works fine.
推荐答案
将Firefox降级到55.0版,此问题已得到解决.我在以下位置向Mozilla报告了该错误: https://bugzilla.mozilla.org/show_bug. cgi?id = 1441048
Downgraded Firefox back to version 55.0 and the problem was fixed. I reported the bug to mozilla here: https://bugzilla.mozilla.org/show_bug.cgi?id=1441048
这篇关于在Firefox中使用列时,右浮动元素消失的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!