我正在尝试将选项列表与 div 框的左侧对齐。
目前我所拥有的是:
html代码:
<div id="categorylist">
<ul>
<li class="text-white">ALL <img src="images/all-
ico.png"></li>
<li class="text-white">COMUNNITY DEVELOPMENT <img
src="images/commdev-ico.png"></li>
<li class="text-white">SPORTS <img src="images/sports-ico.png"></li>
<li class="text-white">EDUCATION <img src="images/edu-ico.png"></li>
</ul>
</div>
CSS代码:
#categorylist{
margin-left: auto;
margin-right: auto;
display: table;
}
#categorylist ul {
text-align: left;
}
我想要实现的是:
任何帮助和建议将不胜感激
最佳答案
您可以制作categorylist ul、text-align:right;而不是左
#categorylist{
margin-left: auto;
margin-right: auto;
display: table;
}
#categorylist ul {
text-align: right;
} <div id="categorylist">
<ul>
<li class="text-white">ALL <img src="images/all-
ico.png"></li>
<li class="text-white">COMUNNITY DEVELOPMENT <img
src="images/commdev-ico.png"></li>
<li class="text-white">SPORTS <img src="images/sports-ico.png"></li>
<li class="text-white">EDUCATION <img src="images/edu-ico.png"></li>
</ul>
</div>关于html - ul li 在 div 左侧对齐和对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40669080/