Question

html里怎么实现图片跟文字的混合排版

怎么把图片和文字排版成这样？直接插入图片总是图片那行只能打一行文字，怎么才能设计成图片上那样？我用的dreamweaver

Answer 1

最简单的方法是使用浮动。

1、可以用一个最大的div层 包裹住，左边一个div 左浮动，右边一个div右浮动，左边的就是一个logo图，主要处理在右边。

2、右边的div定义好之后，在细分为上中下，三个大div，最上面的div 可以左右浮动，左边一个span标签放定位，右边可以用 ul  li标签 来进行分配。

3、中间的div同理。左右div浮动，进行处理。

4、最后的导航用 ul li 实现。如图只是做了一个大体的框架，具体实现需要做一些调整。

Answer 2

图片使用浮动把

给你个简单例子参考  希望对你有帮助

<div style="width:300px; margin:0 auto;">
<div>
    <img src="
http://wenwen.soso.com/p/20100425/20100425205135-682768747.jpg"
 width="150" style="float:right;" />
    HTMLHTMLHTMLHTML 
    HTMLHTMLHTMLHTML 
    HTMLHTMLHTMLHTML 
</div>
<div>
    <img src="
http://wenwen.soso.com/p/20100425/20100425205135-682768747.jpg"
 width="150" style="float:left;" />
    HTMLHTMLHTMLHTML
    HTMLHTMLHTMLHTML
    HTMLHTMLHTMLHTML
    HTMLHTMLHTMLHTML
</div>
</div>

效果图：

Answer 3

加浮动,像这样<span>文字内容</span><img style="float:right;" />
<img style="float:left;" /><span>文字内容</span>

Answer 4

俩种办法，一是通过CSS样式表实现，二是通过table表格实现；具体看下CSS手册和HTML手册！

Answer 5

去学学HTML吧，磨刀不误砍柴工。