相关疑难解决方法(0)

CSS3列切断<li> s

我正在尝试使用带有list(<li>)的css3列.我无法使其正常工作.

我定义了一个包装的div <ul>

div.ul-container {
  -moz-column-width: 310px;
  -moz-column-gap: 10px;
  -webkit-column-width: 310px;
  -webkit-column-gap: 10px;
  column-width: 310px;
  column-gap: 10px;
}
Run Code Online (Sandbox Code Playgroud)

当我有三个<li>或更多时,这工作正常.但当我少于(2或1)它似乎切断了<li>.我尝试定义一个min-height不起作用的(它将其视为高度).

截图:

切断李

有任何想法吗?

html css3 multiple-columns

4
推荐指数
1
解决办法
4014
查看次数

标签 统计

css3 ×1

html ×1

multiple-columns ×1