Y a-t-il une nouvelle ligne sans couture?

Question

Lorsque j'utilise <br/>, il y a de l'espace entre deux lignes. Je veux qu'il n'y ait pas d'espace vertical entre deux lignes. La ligne ci-dessus est une image et la ligne ci-dessous est un texte. Je veux éliminer l'espace entre les deux lignes.

<img src="../common/logo.jpg" /><br/> 
<span class="style2">A Comprehensive Online Workplace</span> 

Je veux qu'il n'y ait pas d'espace entre les deux lignes.

Je veux ajouter un slogan au logo et créer un nouveau logo compact.

Answer 1

Regardez la propriété line-height css. line-height: 1em est probablement ce dont vous avez besoin.

Answer 2

Par défaut, les images sont des éléments en ligne situés sur la ligne de base. Cela fait effectivement une image agir comme une lettre comme a, b, c, d ou e. Il y a un espace ci-dessous pour les descendants (que vous trouvez sur les lettres telles que g, y et q).

Vous pouvez régler ceci:

img { vertical-align: bottom; } 

Answer 3

Il n'y a probablement pas fait l'espace entre les deux lignes, il est juste que le texte ne remplit pas tout l'espace vertical de la ligne.

Cela dépend de la police, et vous ne pouvez pas faire grand chose à ce sujet. Le mieux que vous pouvez faire est de définir la propriété CSS line-height de votre contenu à 1, ou peut-être un plus petit montant. Cela dépend de la police que vous utilisez et de la façon dont chaque navigateur/système d'exploitation le rend.

Answer 4

Faites de l'étendue un élément de bloc afin qu'il se trouve sous l'image. Comme,

.style2 { 
    display: block; 
} 

Mais si vous voulez que le texte autour de l'image, alors vous flotter l'image à gauche ou à droite. Comme,

img { 
    float: left; 
} 

Vous pouvez également essayer de supprimer les bordures, les marges et le remplissage.