css - width设置为100%之后列表无法居中
伊谢尔伦
伊谢尔伦 2017-04-17 15:04:10
0
4
1061

html代码如下:

css代码如下:

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


效果图是这样的:


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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全員に返信(4)
大家讲道理

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

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

リーリー

2.中心に変換

リーリー

参考リンク: 中心に変換

いいねを押す +0
Peter_Zhu

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

いいねを押す +0
小葫芦

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

いいねを押す +0
Peter_Zhu

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート