css - Comment supprimer le remplissage à côté des liens adjacents?

J'ai réduit le problème au strict minimum, donc c'est vraiment clair.

Je pourrais essayer de forcer la largeur de la div mais je veux savoir pourquoi avoir deux éléments côte à côte rend le total plus large que la somme des parties.

Vous pouvez voir mon problème ici http://www.yart.com.au/stackoverflow/adjacent_a.png alt text http://www.yart.com.au/stackoverflow/adjacent_a.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 

<style type="text/css"> 

* 
{ 
    padding:0; 
    margin:0; 
    font:15px arial; 
} 

div 
{ 
display :inline; 
background-color:Red; 
height:18px; 
} 


.MenuItemMove 
{ 
    display:inline-block; 
    background-image: url(http://www.yart.com.au/stackoverflow/page_move.gif); 
    background-repeat:no-repeat; 
    width:18px; 
    height:18px; 
    vertical-align:top; 
} 



</style> 
</head> 


<body> 


<div> 

     <a href="#" class="MenuItemMove"></a> 
     <a href="#" class="MenuItemMove"></a> 

</div> 


</body> 

</html>

Source

2010-07-12 Petras

Les navigateurs suivent un ensemble de règles de manipulation espaces blancs figurant dans le XHTML/HTML schema. Par exemple.

caractères de saut de ligne dans un élément de bloc doit être converti en un espace ...
Une séquence de caractères blancs doit être réduite à un seul caractère d'espace ...

Pour obtenir Autour de lui, suivez les solutions de contournement présentées dans le lien que meder posté dans sa réponse.

Source

2010-07-13 00:00:58

C'est juste comportement naturel pour l'espace blanc entre les éléments en ligne. Tuez l'espace dans la source html, littéralement à cette « contournent »:

http://work.arounds.org/unwanted-white-space-between-inline-block-elements/

Source

2010-07-12 23:51:08

Vous pouvez flotter les éléments, car ils sont en ligne:

.MenuMove 
{ 
    ... 
    float: left; 
}

Source

2010-07-13 07:34:00 jakopo87

css - Comment supprimer le remplissage à côté des liens adjacents?

Répondre

Questions connexes