Le bloc-notes professionnel d'un développeur front-end senior
Source : Cross Browser Inline-block.
Attention à l’espace blanc laissé entre les éléments en inline-block : Fighting the Space Between Inline Block Elements.
|
1 2 3 4 5 6 7 8 |
float: none; /* utile si ces styles viennent en surcharge d'autres propriétés (grille bootstrap par exemple) */ min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; |
Source : Cross Browser Inline-Block, Cross Browser Support for inline-block Styling.
|
1 2 3 4 5 6 7 8 9 10 |
width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: 1; *display: inline; _height: 250px; |
|
1 2 3 4 5 6 7 |
min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; |