ホームページ  >  記事  >  ウェブフロントエンド  >  中国語と英語の下揃えの問題 text_html/css_WEB-ITnose

中国語と英語の下揃えの問題 text_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:44:071879ブラウズ

写真に示すように、
1.「I Am Accountable」と「I am accountable」のレンダリングを下部に揃えることはできません。
コード
<h1>我靠谱 I am accountable</h1>


2. レンダリングでは、「I am accountable」が右側の「Search Resume」の下部と揃っていません。
右側の「検索を再開」のコードは
 <ul><li>搜简历</li><li>登陆</li></ul>
です

line-height とvertical-align:bottom を設定してみましたが、うまくいきませんでした。
これら 2 つの問題の解決方法がわかりません。ありがとうございます。

ディスカッションへの返信 (解決策)

マージンまたはパディングを使用してみてください

属性設定でそれを実現するのは不可能のようです (これまでに私が思いついたこと) 唯一の方法は、たとえば、h1 の場合です。フォント サイズが 20px の場合、h1 の高さを 20 に設定します。li フォントが 12 の場合、li の高さを 12px に設定し、padding-top: 8px または margin-top: 8px を設定し、すべてを div に配置します。

フォントサイズはフォントデザイナーです。決定できる唯一のことは、中国語フォントと英語フォントの違いを自分で測定し、マージンオフセットを使用して位置を調整することです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。