communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 中英文字底部对齐问题_html/css_WEB-ITnose

中英文字底部对齐问题_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-21 09:44:07
original
1893 Les gens l'ont consulté

如图所示，
1.做出的效果图“我靠谱”及其“I am accountable”无法底部对齐。
代码  
<h1>我靠谱 I am accountable</h1>
Copier après la connexion


2.效果图中 我靠谱 I am accountable 与右侧 “搜简历”底部也不是对齐的。
右侧“搜简历”代码为 
 <ul><li>搜简历</li><li>登陆</li></ul>
Copier après la connexion


我尝试过设置 line-height,并设置vertical-align:bottom,但是无效。
不知道应该怎么样解决这两个问题，非常感谢！

回复讨论(解决方案)

用margin或者padding试试

用属性设置貌似是没法达到的，唯一的办法（目前我想出来的）就是比如你h1字体大小是20px，那就把h1高度设成20，如果li字体是12，那就li的height：12px,然后padding-top：8px;或margin-top：8px；然后所有的放一个div里面.

fontsize是字体设计者决定的，只能是自己测量出中英文字体的差，然后通过margin偏移量来实现对齐。

Étiquettes associées：
中英文字底部对齐问题
source：php.cn
Article précédent：网上的ie6 PNG透明的方法都用过了但无效_html/css_WEB-ITnose Article suivant：为什么div不能在页面右侧隐藏起来啊 而是下面有个移动框_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal