html - 中央の「li」に複数の画像を配置する方法

Question

私はウェブサイトをやっていて、<li>で包まれた画像の位置合わせを行う方法がわかりません。

ここでページを見ることができます-http://www.dansid.cz/praginfo/services.php?l =de

これらの画像を自動的に中央に揃える必要がありますが、CSSでそれを行うにはどうすればよいですか？

FirefoxまたはChromeを右クリックし、[要素の検査]をクリックすると、CSSなどが表示されます。

あなたの答えをありがとう:)

Answer 1

siの画像では、サイトで見つかったサムネイルを参照していると想定しているため、代わりにli宣言して中央に配置し、プロパティを設定してコンテナの中央に配置することができます。display:inline-blockfloat:lefttext-align:center

#navlist li {
   display:inline-block;
   *display:inline; /* ie7 fix */
}

注：floatプロパティを削除してください。

#navlist {
   text-align:center;
}

Answer 2

text-align: center画像よりも幅が広いli要素の親liを試してください

ul全体を中央に揃えたい場合は、属性を指定することをお勧めします。

margin: 0 auto;
display: block;
width: //your width;