Question

我正在使用 Safari ，我需要有多个列文字（在一个<p>到webkit-column-count中），但我还需要制作一个{{ 1}}在两列或更多列上（我知道它还不支持，但如果可能的话，我要求一些解决方法）

意思是：我想要这个布局

image span

第一列和第二列位于单个--------------------------- image --------------------------- ------------ ------------- first column second column first column second column first column second column ------------ -------------

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.
}

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

我希望这有帮助！

多列，列跨度解决方法

1 个答案: