2009-12-10 3 views
2

j'ai le code suivant:réduisant l'espace entre la frontière de li et le texte

<ul> 
<li style="border: 300 red dashed">hello</li> 
</ul> 

et obtenir quelque chose comme:

bonjour


je veux réduire l'écart à savoir , je veux effondrer la frontière de sorte qu'il touche la base du mot "bonjour" .. étais-je clair? :) toute aide?

Répondre

1

Essayez la propriété line-height et violon avec le pourcentage jusqu'à ce que vous aimez:

<ul> 
    <li style="border: 1px red dashed; line-height:80%;">hello</li> 
</ul> 

Aussi, avez-vous Veux vraiment une frontière 300px?

+0

Il n'a jamais spécifié une frontière de 300 pixels ... –

+0

cool mec..a bien travaillé :) – almac

+1

@almac: Je suis content que cela a fonctionné @ILMV : J'ai regardé le résultat de son original dans une page et j'ai vu une énorme bordure, créée par ceci: "border: 300 red dashed" – Ray

2

simple:

<ul> 
    <li style="border: 300 red dashed; padding-bottom:2px;">hello</li> 
</ul> 

changer simplement 2px être tout ce que vous avez besoin. Rembourrage spécifie la distance entre le contenu et la frontière, il pourrait être un avantage de regarder le CSS box model, j'ai le mien épinglé à mon mur pour référence.

+0

hmmm..ur code augmente l'écart, rite? je veux réduire l'écart ILMV..so, j'ai donné un rembourrage négatif .. il n'a eu aucun effet :( – almac

+0

Hmmm, pouvez-vous me dire quelle ligne-hauteur que vous utilisez? –

2

jeu avec un rembourrage css

Mise à jour:

<ul style="margin-bottom:0px;"> 
     <li style="border: 300 red dashed; ">hello</li> 
    </ul> 
+0

le code que vous avez donné est utilisé pour donner une marge entre ul éléments et n'est aucunement lié à mon pro :) – almac

Questions connexes