Comment intégrer une image dans un Div en utilisant Pure CSS ?

Comment placer une image dans une div à l'aide de CSS

De nombreux développeurs ont recours à la définition d'images comme images d'arrière-plan dans CSS, une solution qui ne Cela ne permet pas au div de se conformer aux dimensions de l'image. Pour répliquer le code HTML suivant en utilisant du CSS pur :

<code class="html"><div><img src="..." /></div></code>

Solution :

Implémentez le code suivant :

<code class="html"><div class="image"></div></code>

CSS :

<code class="css">div.image::before {
   content: url(http://placehold.it/350x150);
}</code>

Notes supplémentaires :

• Cette technique a été testée sur Chrome, Firefox et Safari.
• Référez-vous à la ressource suivante pour plus d'informations sur le contenu CSS : http://css-tricks.com/css-content/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!