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中文网
Libérer: 2016-05-16 12:06:45
original
2150 Les gens l'ont consulté


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>
Copier après la connexion
.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal