Question

我的观看页面看起来像

<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有“列数”......它应该是-moz-columns: 2;

Answer 2

你的css

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

改变它。它应该是-moz-columns: 20 auto;

.chapterSel .chapterList {
columns: 2;
-webkit-columns: 2;
-moz-columns: 20 auto;}

<强> FIDDLE

http://jsfiddle.net/tueztoyq/3/

Mozilla firefox表列拆分不起作用

2 个答案: