css - 如何在图像周围环绕表格？

Question

仅使用 HTML 和 CSS，有没有办法做到这一点：

奶牛图像向右浮动。

如何让桌子正确环绕奶牛图像？我只设法得到这样的东西：

Answer 1

您可以使用两个表并将上表设置为，例如width: 50%;，将底部的表设置为 100%。

看看我的小提琴：http: //jsfiddle.net/KuGES/

请注意：这是非常糟糕的做法！改用 DIV ！！

Answer 2

您可以通过扩展表格来实现它。

<table border="1" cellspacing="0" cellpadding="5">
    <tr>
        <td colspan="2"><h1>Title Goes Here</h1></td>
        <td rowspan="3"><img height="200" src="http://pureblissnutrition.files.wordpress.com/2010/01/1238813_26934058.jpg"/></td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td colspan="2">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td colspan="2">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
</table>

做了一个小提琴：http: //jsfiddle.net/filever10/9n7d3/