材料設計/ 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>