9
votes

Max-largeur: -WebKit-Fit-Contenu IE 8 équivalent?

y a-t-il des hacks pour max-largeur: -WebKit-Fit-Content; pour IE 8?

Essayer d'obtenir un enfant diviser pour ne pas prendre toute la largeur du parent et Cela fonctionne bien avec FF, Chrome et Safari; En espérant qu'il y a aussi du piratage pour que cela fonctionne également avec IE 8.

Fiddle montrant le comportement: http : //jsfiddle.net/xtzq9/ Code du comportement que je veux dans IE8: xxx


3 commentaires

Pas beaucoup de code pour continuer ... une raison pour laquelle vous ne pouvez pas appliquer de commentaire conditionnel qui définit simplement une largeur de% sur ce conteneur pour IE8?


Je veux que la largeur du conteneur soit dynamique en fonction de son contenu, je ne voulais donc définir aucune valeur de largeur statique; Il n'y a vraiment pas beaucoup de code à inclure mais mal appendez la question à inclure. Voici un violon décrivant le comportement que je veux: jsfiddle.net/xtzq9


@Helloworld: .Textbox {float: gauche;} .Textbox + * {Effacer: gauche;} est un petit piratage qui fera essentiellement la même chose: JSFIDDLE.net/xtzQ9/1 - Cependant, je ne peux pas tester cela dans IE8 car je ne suis pas actuellement sur un PC Windows.


4 Réponses :


6
votes

Le plus proche que je puisse penser est de flotter vos éléments. Pas exactement pareillement, mais probablement suffisamment similaire;) Vous devez définir une marge supplémentaire cependant, mais cela ne devrait pas être un problème avec une feuille de style conditionnel. xxx

Votre violon modifié


0 commentaires


26
votes

de Demosthenes.info , j'ai appris que je Peut simplement utiliser

width: fit-content;


1 commentaires

Cela m'a résolu pour moi pour un élément qui avait affichage: flex et pour lequel IE11 a fait échouer à tort sa hauteur lorsqu'elle est interrogée avec GetBoundingClientRect (). Hauteur. Cet élément avait également Hauteur: Contenu d'ajustement sur celui-ci, qui n'est pas reconnu par IE11 et n'a pas vraiment de substitut.



5
votes

Cela pourrait dépendre de la situation:

J'ai eu un élément de niveau de bloc avec largeur: content de la teneur en forme; . Comme cela ne fonctionne pas sur IE, l'élément prenait la largeur complète disponible (comme prévu).

mais je voulais simplement ajuster sa taille à son contenu.

enfin , je l'ai corrigé avec: xxx


0 commentaires