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

怎么把图片和文字排版成这样?直接插入图片总是图片那行只能打一行文字,怎么才能设计成图片上那样?我用的dreamweaver
2026年09月24日 03:20
有5个网友回答
网友(1):

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

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

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

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

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

网友(2):

图片使用浮动把

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



    http://wenwen.soso.com/p/20100425/20100425205135-682768747.jpg"
 width="150" style="float:right;" />
    HTMLHTMLHTMLHTML 
    HTMLHTMLHTMLHTML 
    HTMLHTMLHTMLHTML 


    http://wenwen.soso.com/p/20100425/20100425205135-682768747.jpg"
 width="150" style="float:left;" />
    HTMLHTMLHTMLHTML
    HTMLHTMLHTMLHTML
    HTMLHTMLHTMLHTML
    HTMLHTMLHTMLHTML


效果图:

网友(3):

加浮动,像这样文字内容
文字内容

网友(4):

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

网友(5):

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

相关问答