div+css如下的图文并排如何实现?

html-css0245

div+css如下的图文并排如何实现?,第1张

图片层使用float:left就行了

<div style="width:600pxpadding:5px">

<div style="float:leftmargin-right:10px"><img src="图片" /></div>

<p>文字</p>

</div>

一楼正解,我来详细补充,比如<a href="#">文字下方的图片</a>,给a标签设置display:block,A原始行内元素,行内元素本身不带有宽度和高度,现在通过display:block是A标签变成和DIV,P等一样的块级元素,这样A就有了高度和宽度,就可以实现你要的结果。

另外CSS图文混排是个高级的东西,你需要对其深入理解才能写出标准的代码。

、如果你有心学习,成为CSS高手,我给你个教程,当初我就是这样一步一步学习来的http://www.52css.com/article.asp?id=838。祝你好运