我有多个ul部分,并使用多列css将它们自动拆分为三列.问题是css打破了li内容并将它们移动到下一列.我需要将整个ul移动到下一列而不是单独的li内容.
这是截图.
结果应该是
这是我的HTML代码
- Lorem Ipsum
- Lorem Ipsum
- Lorem Ipsum
- Lorem Ipsum
- Lorem Ipsum
- Lorem Ipsum
- Lorem Ipsum
- Lorem Ipsum123
- Lorem Ipsum123
- Lorem Ipsum456
- Lorem Ipsum456
- Lorem Ipsum456
这是我的CSS
.columnsmulti {
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-rule: 3px double #666;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-rule: 3px double #666;
column-count: 3;
column-gap: 10px;
column-rule: 3px double #666;
}
我怎样才能做到这一点?