ul列表不居中（css和html）

Question

$q

ul列表仍然坚持左侧，并且没有按预期使用margin：0 auto;

我不想指定宽度，我希望用屏幕大小调整列表大小。

Answer 1

您可以通过设置容器div CSS属性text-align。

来居中

.companies{
    width:100%;
    text-align:center;
}

Answer 2

不幸的是，保证金：0自动;仅在指定宽度时有效。但是，我能够通过使用text-align：center;这是JSFiddle

.companies {
    width:100%;
    text-align: center;
}

Answer 3

通过将text-align:center;属性应用于companies类，您可以实现图像居中：

.companies {
    width:100%;
    text-align:center;
}

请检查链接：https://jsfiddle.net/johannesMt/w65v670o/2/

Answer 4

实际上，由于缺少width类ul.logos属性，未指定此属性，ul.logos将为100％宽度。

至少有两种方法可以解决您的问题：

1. 将text-align: center添加到ul.logos;或

2. 将width属性添加到ul.logos

Answer 5

只需将您的css规则更改为此。

.companies {
    width:100%;
    text-align : center;
}

点击此处https://jsfiddle.net/rbt23rx2/