は、このイメージを参照してください:
CSSで箇条書きやコンテンツを垂直にオフセットするにはどうすればよいですか?
それはオフ元気少しだ、と私は、コンテンツを上に移動したい、または弾丸自体ダウン。私はパディング、マージン、ポジショニングを無駄にしようとしました。ハープ?
は、このイメージを参照してください:
CSSで箇条書きやコンテンツを垂直にオフセットするにはどうすればよいですか?
それはオフ元気少しだ、と私は、コンテンツを上に移動したい、または弾丸自体ダウン。私はパディング、マージン、ポジショニングを無駄にしようとしました。ハープ?
の高さに等しいline-height
を設定しようとすることができます。可能な値は以下のとおりです
baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
HTML
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
CSS
ul {
list-style-image: url(http://cdn1.iconfinder.com/data/icons/c9d/check.png);
}
li {
vertical-align:top;
}
トップはそのフィドルで動作する唯一のものです。 :/特定の測定値(パーセントとpx)は動作しません。 –
@DougSmith - あなたが助けてくれるコードを投稿できるかどうか。 – j08691
あなたは、リスト項目にvertical-align
プロパティを設定してみてください画像
vertical-align cssプロパティを使用して、イメージ内の位置または行内のテキストを配置します。例えば
:
IMG { vertical-align:middle}
は、いくつかのコードを表示します。 –
あなたのHTMLとCSSを表示 – Shmiddty
http://jsfiddle.netまたは同様のサイトを使用してください。 –