Double Possible:
Indésirables de la marge en inline-block éléments de la liste
Comment faire pour supprimer "l'Invisible de l'espace" de l'HTMLPourquoi les inline-block éléments de la liste ont un espace? Peu importe comment je fais ma liste d'éléments dans un menu, je reçois toujours des espaces.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Weird Lists</title> <style type="text/css"> li { border: 1px solid black; display: inline-block; height: 25px; list-style-type: none; text-align: center; width: 50px; } ul { padding: 0; } </style> </head> <body> <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul> </body> </html>
Réponses
Trop de publicités?
Je l'ai vu et répondu avant:
Après d'autres recherches , j'ai
découvert qu' inline-block est un
les espaces dépendant de la méthode et
dépend de la police de caractères. Dans ce cas 4px est rendu.
Pour éviter cela, vous pourriez courir votre
lis ensemble dans une ligne ou un bloc
les balises de fin et de commencer les marques
comme ceci:
<ul> <li> <div>first</div> </li><li> <div>first</div> </li><li> <div>first</div> </li><li> <div>first</div> </li> </ul>
David Horák
Points
2622
Trevor G
Points
147
Gerbus
Points
799
Mya
Points
49
