J'ai des liens inline avec l'icône montrant à gauche (rembourrage + bactériau), mais lorsque la police est trop petite, l'image ne correspond pas à la hauteur de la ligne et est recadrée en haut et en bas. Y a-t-il un moyen de l'empêcher de se produire sans utiliser de JavaScript? Je ne veux pas régler la taille de la police dans px ..
Certaines hauteur mini-ligne définie sur une valeur non relative (la hauteur de l'image) seraient idéales.
3 Réponses :
Lorsque vous traitez avec des éléments en ligne à l'intérieur des éléments de blocs, vous n'avez pas beaucoup d'options pour changer la taille de leur boîte de sélection. définir un comme une démonstration rapide, essayez ceci: p> min-hauteur code> ne fonctionne pas sur les éléments en ligne et hauteur de ligne code> n'aura aucun effet. approprié code> Peut-être une option raisonnable, mais vous courez probablement dans des problèmes avec les antécédents de l'élément se chevauchant d'autres éléments à l'intérieur du bloc contenant. P> <!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
span {
background: #0F0;
padding: 0.5em 0;
}
</style>
</head>
<body>
<p>This is some demo text. Look at how <span>texty</span> it is.</p>
</body>
</html>
Vous pourrez peut-être utiliser affichage: inline-block pour permettre la hauteur min-hauteur car les étiquettes inline sont un peu restreintes
Vous pouvez utiliser min () ou max () pour créer des valeurs minimum / maximum sur la plupart des propriétés CSS.
Voici un exemple qui définit la hauteur de ligne à 10VH ou 100px. Quel que soit celui qui est le plus petit sera utilisé dans le navigateur. Si vous utilisez max (), il choisira quelle que soit la propriété de la propriété. voir min () et