gpt4 book ai didi

css - 动态显示列中的元素?

转载 作者:太空宇宙 更新时间:2023-11-04 05:30:30 26 4
gpt4 key购买 nike

我想在多列中显示元素列表,而不必指定列数,只需让浏览器添加更多列,以便所有元素都适合。

我试着适应this article ,但元素只是列为一个长的单列列表:

<head> 
<STYLE type="text/css">
ul.columns {
float: left;
width: 12em;
margin: 20px 0 1em;
padding: 0;
list-style: none;
}

li.columns {
float: left;
width: 6em;
margin: 0;
padding: 0;
list-style: none;
}
</STYLE>
</head>

<body>

<ul class="columns">
<li class='colums'>test</li>
<li class='colums'>test</li>
<li class='colums'>test</li>
<li class='colums'>test</li>
<li class='colums'>test</li>
</ul>

任何 CSS 专家都可以告诉我上面的问题是什么?

最佳答案

我不是专家,但是“columns”拼错了...

<li class='colums'>

从技术上讲,您的 <li>不需要上课。您可以改用此选择器...

ul.columns li {
float: left;
width: 6em;
margin: 0;
padding: 0;
list-style: none;
}

关于css - 动态显示列中的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3449328/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com