css - width设置为100%之后列表无法居中

Question

html代码如下：

css代码如下：

然后我现在出来是这个效果

效果图是这样的：

文字颜色还有标题和文字之间间距可以忽略。。就是想问一下下面的图片和文字如何居中。我之前设置width的像素可以达到居中效果，但是背景色就不能铺满，然后使用width：100%之后就无法居中了。之前使用的margin 0 auto失效，然后尝试text-align:center也没有效果。请问大家有没有什么好的方法解决。

Answer 1

状況の中心に要素を配置するには 2 つの方法があります:

1. フレックスレイアウト:

リーリー

2.中心に変換

リーリー

参考リンク: 中心に変換

Answer 2

3 つの DL をボックスで囲み、固定幅を与えます。ボックスのマージンを 0 auto に設定するだけです。

Answer 3

外側のレイヤーに幅 100% の別のラベルを付け、背景色で塗りつぶします。内部の .team に固定幅を与え、マージン 0 auto;

Answer 4

1 つ目は、デフォルトで広げる必要のない通常の背景
p を実装することです
2 つ目は、中央のコンテンツ領域に幅を与え、マージンを 0 auto