Comment arrêter la table de redimensionnement quand le contenu de grandir?
J'ai un table
, les cellules qui sont remplis avec des photos. Je voudrais que les photos de croître lorsque vous passez la souris au-dessus d'eux et je voudrais les cellules de la table reste à la même taille.
La modification de la img
style de position:relative
ne fonctionne pas. Changer l' position:absolute
fonctionne, mais je ne sais pas la position absolue de l'image.
Est-il une solution élégante à ce problème à l'aide de CSS? Je préfère ne pas utiliser de JavaScript.
- J'utilise Firefox, et les images ne sont pas centrées sur la cellule sur le vol stationnaire. Le coin supérieur gauche de l'image correspond au coin supérieur gauche de la cellule. Le comportement que vous cherchez?
Vous devez vous connecter pour publier un commentaire.
Utilisation
style="table-layout:fixed;"
, mais cela permettra de rendre le texte ou les images se chevauchent avec d'autres colonnes dans le cas où il dépasse la largeur. Assurez-vous de ne pas placer de longues phrases sans espaces.Utilisation
table-layout: fixed
pour votre table et quelques largeur fixe pour tableau lui-même et/ou de ses cellules.Utilisation min-width dans vos cellules, regardez un exemple ici
http://jsfiddle.net/Gueorguip13/avzuadhp/3/
Ajouter
vertical-align:top
les éléments td.Que vous pouvez faire pour vous pouvez utiliser la position,z-index,à gauche,en haut.
vous devriez regarder de cette façon,
http://jsfiddle.net/wWTfs/