材料设计/实现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

我如何使用Materialize执行此操作，或者这不是具体化的事情？

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>