关于用div+css 实现图文混排的问题

html-css017

关于用div+css 实现图文混排的问题,第1张

用着个就可以了。 试试看吧。 图文混排，一般都是这样，如果图片居右，就用floatright就可以了。 很简单。 也很实用

<style type="text/css">

.FloatL{

float:left

}

.MarginR5{

margin:0 5px 0 0

}

</style>

<p>

文字文字文字文字文字文字

文字文字文字文字文字文字

</p>

<p>

<img src="***" class="FloatL MarginR5" />

文字文字文字文字文字文字

文字文字文字文字文字文字

</p>

<p>

文字文字文字文字文字文字

文字文字文字文字文字文字

</p>

其实像大型公司的网站一般没有对div层做严格要求，只在SEO上简单建议下。毕竟这方面不是主要影响。最主要的还是看代码的规范性和通用性。

你说的腾讯主页问题这个应该是编辑的人做文字自适应用的，就是没有图片的情况下也可以用这个结构，在不改CSS的情况下，没有图片文字占正行，有图片的话就左右分开。你可以在firebug中删除图片试试。