中心ul li图像在div

Question

我试图将ul和li图像居中，但事情没有发生我尝试this但这不适合我。

我想将无序列表和列表项

居中

HTML

str.split

CSS

<div class="brands">
  <ul>
    <li><img src="images/flipkart.png"></li>
    <li><img src="images/ola.png"></li>
    <li><img src="images/olx.png"></li>
    <li><img src="images/telenor.png"></li>
    <li><img src="images/uc.png"></li>
    <li><img src="images/oyo.png"></li>
  </ul>
</div>

Answer 1

如果您提供float: left，则永远不会将其视为inline元素。使用display: inline-block将inline元素设为block属性，以text-align: center为中心：

.brands li {
  display: inline-block;
  list-style: none;
}
.brands ul {
  text-align: center;
  margin-right: 10%;
  margin-left: 10%;
}