材料设计/物化3列列表

Question

我正在研究物化- http://materializecss.com/

我需要创建一个包含3列的列表，这些列具有相同的分隔，但是我无法找到关于如何做到这一点的文档的任何细节。

我只需要一个基本的清单：

<ul>
<li>column 1</li> 
<li>column 2</li> 
<li>column 3</li> 
</ul>

看起来是这样的：

column 1           column 2           column 3

我怎么能用物化来做这件事，或者这不是一件物化的事情？

Answer 1

你可以用flex来做

​

ul{
display: flex;
margin: 0;
padding: 0;
}
ul li{
list-style:none;
flex:1;
}

<ul>
<li>column 1</li> 
<li>column 2</li> 
<li>column 3</li> 
</ul>

​