Je cherche un moyen purement CSS de centrer une image dans un paragraphe de texte afin que le texte s'enroule des deux côtés de l'image.
Ideely the image |-----| would be placed before or after |-img-| the text within the code structure|-----| and the text would wrap around the image.
4 Réponses :
Je ne pense pas que ce soit possible: aussi loin que je connais des navigateurs traiter contenu comme appartenant à une ligne, donc lorsque le navigateur Analyse de votre étiquette P contenant l'image qui apportera automatiquement cette ligne aussi haute que l'image. Peut-être qu'il est possible avec CSS3 ...
La plate-forme IE10 Aperçu supposé (selon Cet article ) a une nouvelle fonctionnalité appelé Pour le moment, je pense que vous êtes foutu: /
a trouvé une réponse qui fonctionne assez bien disponible à: http://www.alistaPart.com/articles/crosscolumn/
Il n'y a actuellement aucun moyen de le faire. J'ai regardé loin et large.
Les autres réponses ici ne répondent pas à la question telle qu'elle est posée. Ce lien (une liste) nécessite l'utilisation de deux paragraphes de texte et que vous pouvez ' t le faire de manière dynamique parce que vous devez faire attention à associer le texte des deux côtés de l'image.
L'autre, les flotteurs positionnés de l'IE10 (Microsoft les appelle Exclusions ) , fait une sorte de travail, mais avec une liste de mises en garde:
Ceci est un peu difficile à faire. Quels navigateurs avez-vous besoin pour soutenir? IE7? IE8? L'image a-t-elle toujours les mêmes dimensions? Le texte change-t-il?
Les propriétés de l'image sont définies et le texte est susceptible de changer. Le support du navigateur n'est pas un problème, mais HTML5 et CSS3 ne peuvent pas être utilisés.
Le support du navigateur n'est pas un problème, mais HTML5 et CSS3 ne peuvent pas être utilisés. - Cela ne me dis pas vraiment quoi que ce soit utile. Qu'est-ce que navigateurs / versions devrais-je tester ma réponse potentielle?