2

次のように上付き文字または下付き文字を使用しようとすると、気がつきました...

<ul>
<li><b>Mean Radius</b>      6,371.0 km</li>
<li><b>Mean Circumference</b>   40,041.47 km</li>
<li><b>Surface Area</b>     510,072,000 km<sup>2</sup></li>
<li><b>Volume</b>       1.0832073 &times; 10<sup>12</sup> km<sup>3</sup></li>
<li><b>Mass</b>         5.9736 &times; 10<sup>24</sup> kg</li>
<li><b>Mean Density</b>     5.5153 g/cm<sup>3</sup></li>
<li><b>Axial Tilt</b>       23.439281&deg;</li>
</ul>

結局、行全体の高さが上付き文字または下付き文字のテキストに合わせて調整され、左側の太字のテキストがこの行の垂直方向の中央に配置されます。これにより、太字のテキストが少し奇妙に見えます。これは、太字が行の下部より少し上に浮いていて、他のテキストと整列していないように見えるためです。CSS でより大きな行の高さを作成しようとしましたが、それは効果をより見やすくするだけです。Vertical-align も何もしていないようです。だから私は今ちょっとアイデアがありません。

行内のすべてのテキスト (行の高さ、下付き文字、上付き文字などに関係なく) をその行の一番下に印刷する方法を知っている人はいますか?

PS - Chrome 6 と Firefox 3.6.9 でこれを確認しましたが、両方で発生するため、これはブラウザーの問題ではなく、一般的な問題であると想定しています。また、行の高さに関係なく、テキストが常に行の垂直方向の中央に配置されるように見えることにも気付きました。そのため、上付き文字のあるテキスト行は、ないテキスト行よりも多くの「高さ」を占めるため、問題は明らかになります。他の行とは一致しません。

4

1 に答える 1

4

はい、これは普遍的な問題です。タイポグラフィが一般的にどのように機能するかに関連しています。

そのためにできることはほとんどありません。しかし、マージンとパディング、およびその他のあらゆる種類の厄介なものを使用すると、効果を打ち負かすことができる場合があります. もう 1 つの (例外的に) 汚いハックは、各行に不可視の文字を下付き/上付きで追加し、行をずらして効果が目立たないようにすることです。

また;

行内のすべてのテキスト (行の高さ、下付き文字、上付き文字などに関係なく) をその行の一番下に印刷する方法を知っている人はいますか?

そのビットは意味がありません: 行の一番下にそれらを置きたい場合は、上付き文字を付けないでください!

代替手段: sub/super を使用しないでください。実際の文字を使用してください: 10²⁴; これらは U+2070 から利用できます。U+2094 および U+B2 まで。U+B3 ですが、フォントによってはかなり不安定に見える場合があります。

Alternative Expanded:指数のコンピューター表記法 (E+24 スタイル) を使用できる場合。㎢、㎨など (それぞれ体積と平均重力加速度) のような単一文字のものがあります。これらの合成は U+3380 で始まります。しかし、繰り返しますが、それらはちょっと不安定に見えるかもしれません (またはまったく存在しない)。

于 2010-09-19T20:34:32.877 に答える