Nucleusに限らないのだけど、<li><dd>などのリストの中にイメージを配置した場合、padding-bottom:4pxのような隙間ができます。これはverticval-alignを定義することで回避します。
ただし隙間が発生する原因は不明です。
これIEだけ限定の問題だと思っていたのだけど、firefox1.5でも発生しました・・。(他の原因だろうか?)
まぁなんというかCSSはめんどくさいな・・。
Nucleusに限らないのだけど、<li><dd>などのリストの中にイメージを配置した場合、padding-bottom:4pxのような隙間ができます。これはverticval-alignを定義することで回避します。
ただし隙間が発生する原因は不明です。
これIEだけ限定の問題だと思っていたのだけど、firefox1.5でも発生しました・・。(他の原因だろうか?)
まぁなんというかCSSはめんどくさいな・・。
We use cookies to improve your experience on our site. By using our site, you consent to cookies.
Manage your cookie preferences below:
Essential cookies enable basic functions and are necessary for the proper function of the website.
These cookies are needed for adding comments on this website.
Google reCAPTCHA helps protect websites from spam and abuse by verifying user interactions through challenges.
Google Tag Manager simplifies the management of marketing tags on your website without code changes.
Statistics cookies collect information anonymously. This information helps us understand how visitors use our website.
Google Analytics is a powerful tool that tracks and analyzes website traffic for informed marketing decisions.
Service URL: policies.google.com (opens in a new window)
Marketing cookies are used to follow visitors to websites. The intention is to show ads that are relevant and engaging to the individual user.
A video-sharing platform for users to upload, view, and share videos across various genres and topics.
Service URL: www.youtube.com (opens in a new window)
You can find more information in our Cookie Policy and Privacy policy.
「リスト内にイメージを配置すると4pxの余白ができる」への2件の返信
>ただし隙間が発生する原因は不明です
これはまさにvertical-lignによって生じるもので、これの初期値が’baseline’になっているからです。なのでディセンダ分の余白的なものが画像の下側に確保されるわけですね。
http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align
したがって
> vertical-align: bottom;
という対処法はまったくもって真っ当で正解です。
神からお墨付きをいただきましたw