1

以下は、テキストを対応する画像の上に揃えるためにインラインスタイリングを使用している私のコードですが、インラインCSSが機能していないので、次のコードを変更する方法を教えてください。したがって、テキストは対応する画像の上に揃えられます画像。

<ul style="font-size:17px;vertical-align:top; margin-top:0;">
<li style="list-style-image: url(images/check.png);">Text is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to top</li>
<li style="list-style-image: url(images/check.png);">Text is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to top</li>

</ul>
4

3 に答える 3

1

背景画像の位置を左中央に設定します

于 2013-01-07T15:51:10.630 に答える
1

Web の最も一般的なコンポーネントの 1 つであるメディア ブロックを作成しようとしています。CSS で最も有名な人物の 1 人である Nicole Sullivan は、メディア ブロックの性質について説明し、優れた標準実装を提供する素晴らしい投稿をしています。

http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

彼女の実装を使用するか、彼女の実装を読んでその方法を学ぶことを強くお勧めします。

于 2013-01-07T15:28:11.747 に答える
0

問題はあなたのコードではありません。

不要なマークアップの一部を削除することもできます。

頭痛の原因となっているあなたのイメージ。箇条書きがテキストに合うように調整する必要があります。

私はもう少しいじくり回しました、それは画像のサイズです。画像の高さが、縮小する必要がある行よりも高くなっています

verticle-alignまた、思い通りにいかないこともあるので注意が必要です。参照

于 2013-01-07T15:46:33.190 に答える