html - Mozilla firefox 表列拆分不起作用

Question

我的 View 页面看起来像

---

<div class="chapterSel">
                    <div class="chapterList" id="chaplist">
<table id="rowtab"><tr><td id="chaptd" style="text-overflow:ellipsis;">
                        <span ng-repeat="chapter in chapters">
                            <label><input id="{{chapter.id}}" type="checkbox" value="{{chapter.name}}" ng-checked="selection.indexOf(chapter.name) > -1" ng-click="toggleSelection(chapter.name,chapter.id)" /><span id="sid">{{chapter.name}}</span></label>
                        </span>
                        </td></tr></table></div></div>

---

CSS 看起来像

---

.chapterSel .chapterList {
columns: 2;
-webkit-columns: 2;
-moz-column-count: 2;}

---

它在除 firefox 之外的所有浏览器上都能正常工作，它只显示 1 列

Answer 1

你的 CSS 有“column-count”...它应该是 -moz-columns: 2;