材料设计/ Materialise的3列清单
问题描述:
我期待到物质化 - http://materializecss.com/材料设计/ Materialise的3列清单
我需要创建一个3列具有相等分离的列表,但我无法找到如何做到这一点的文档上的任何细节。
我只是需要一个基本的列表:
<ul>
<li>column 1</li>
<li>column 2</li>
<li>column 3</li>
</ul>
所以它看起来像这样:
column 1 column 2 column 3
我怎样才能做到这一点与Materialise的还是这不是一个物质化的东西?
答
您可以用做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>