材料设计/ Materialise的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 

我怎样才能做到这一点与Materialise的还是这不是一个物质化的东西？

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>