0

CSS を使用して、この例ですべてを中央揃えにすることは可能ですか? そうでない場合、どうすればよいですか？

ご覧のとおり、画像は同じ高さではないため、さらに複雑になります。私が望むのは、すべての画像とテキストを整列させて、線のように見せることです。

ここにフィドルがあります：http://jsfiddle.net/cRGeD/

4

3 に答える 3

1

簡単な答えは、li の代わりにスパンを使用します

http://jsfiddle.net/cRGeD/22/

于 2012-05-04T13:45:03.150 に答える
0

編集: ここでは、jsFiddle の最初の 2 つの項目に以下の原則を適用しました: http://jsfiddle.net/cRGeD/23/。

HTML

<span class="icon question-icon">1234</span>

CSS

.icon{
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
}

.question-icon{
  background-image: url("../path/for/images.jpg");
}

このようにして、別のアイコンに別のクラスを使用でき、画像パスを新しいクラスに追加するだけで済みます。

于 2012-05-04T13:38:58.647 に答える
0

これはあなたを助けることができます、私はテキストにDIVを追加し、それを左に浮かせてから、行の高さをliの250％に調整しました.fiddle http://jsfiddle.net/chanduzalte/cRGeD/8/をチェックしてください

于 2012-05-04T13:25:20.617 に答える