多列，列跨解决方法

Question

我正在使用 Safari 并且我需要有多个列文本（在单个 <p> 到 webkit-column-count 中），但我还需要在两个或更多列（我知道它尚不支持，但如果可能，我要求一些解决方法）

意思：我想要这个布局

---------------------------

image

---------------------------

------------  -------------

first column  second column

first column  second column

first column  second column

------------  -------------

第一列和第二列在一个<p>

PS：这个问题之前在Column layout in HTML(5)/CSS有人问过

Answer 1

我同意之前的海报，但我很困惑为什么要将图像放在段落标签中。如果我是你，我会在 div 或表格中创建列，并将其与图像分开。将图像放在 img 标签中，然后您可以使用 CSS 指定宽度等。

例如，您的 HTML 可能如下所示：

<header>
    <img src="url(insertyourfilepath.gif)" />
</header>
<div id="columnWrapper">
    <div id="column1></div>
    <div id="column2"></div>
</div>

那么您的 CSS 可能如下所示：

img{
    width:400px; //insert your image dimensions here
    height:200px;
}
#column1, #column2{
    width:200px; //the width of both columns can be controlled with one CSS entry, or
                 //for 2 different widths, separate them and assign different dimensions.
}

如果这不能回答您的问题，我恭敬地提交您在此处发布您的代码，并尝试更详细地解释您在将图片放置在段落标签内时所做的选择。

我希望这会有所帮助！