我正在开始创建网站的第一个项目,但在尝试设置 div 的宽度时遇到了一些问题。不知何故,它没有占用该元素可用宽度的 100%。(我希望它们水平显示,它们之间的间距相等)我只能让三个列表项在开始(左)他的线
这就是 html:
.sort_buttons {display:inline-block;
width: 100%;
}
.sort_btn {display:inline-block;
margin:auto;
width:auto }
<ul class="sort_buttons">
<li class="sort_btn" type="button" name="button">size</li>
<li class="sort_btn" type="button" name="button">size</li>
<li class="sort_btn" type="button" name="button">size</li>
</ul>
提前致谢。
div在哪里?你是说ul
元素吗?
如果是这样,那实际上是 100% 宽度。
如果您的意思是希望li
's 为 100%,则只需使用:
.sort_btn { list-style: none; }
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句