Maison >interface Web >tutoriel CSS >Code pour utiliser CSS pour résoudre le problème de l'habillage du texte autour des images_Experience Exchange

Code pour utiliser CSS pour résoudre le problème de l'habillage du texte autour des images_Experience Exchange

PHP中文网
PHP中文网original
2016-05-16 12:06:452149parcourir


L'image ci-dessus est une liste de titres d'actualités avec des images et du texte réalisés par un artiste pour un site Web. Elle est disposée dans un tableau. Les parties supérieure et inférieure droite sont réparties dans deux cellules. Le programme n'est pas facile à mettre en œuvre : soit interrogez deux fois, récupérez 4 éléments une fois et récupérez 5 éléments une fois, soit récupérez 9 éléments à la fois et affichez-les dans deux cellules ; Est-il possible de définir les propriétés de l'image afin que le texte et les images puissent être alignés les uns autour des autres comme dans Word ? De cette façon, le programme n'a pas besoin de prêter attention à l'image et n'est responsable de sa lecture et de son affichage qu'une seule fois. Après le test, définir l'attribut float de l'image à gauche peut résoudre notre problème. L'effet est le suivant :


<div align="left"><img src=/upload/20071208230527665.gif width="91" height="84" style="float:left;" /> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表 
</div>
.
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn