Question

我想显示一张300像素×300像素的图像，然后我要显示一些文字。不幸的是，我要显示的文字开始于图像后的下一行。这是裸代码： -

<html>
    <body>
        <div>
            <div style="display:inline;"><img alt="a.jpg" src = "a.jpg"/></div>
            <div style="display:inline;">some text which is too long probably a big paragraph</div>

        </div>
    </body>
</html>

如何以流畅的流程布局显示所有内容？

提前致谢：）

Answer 1

<div>
    <img> text
</div>

只需浮动图像即可。

div { overflow:auto; }
img { float:left; }

Answer 2

我认为浮动建议是正确的，但在这种情况下适用于div，即

<div style="display:inline;overflow:auto;float:left;">
    <img alt="a.jpg" src = "VC.JPG"/>
</div>

div问题为什么插入换行？

2 个答案: