css - 如何使标题跨越html中的两列?

标签 css html

我正在尝试构建这样的 3 列页面:

enter image description here

是否可以让标题只跨越两列? 使用排除没有结果=(我被卡住了!

我需要用 float 文本做 3 列:

 -webkit-column-count: 3;
 -webkit-column-gap: 1em;
 -webkit-column-rule: 2px solid #B8B8B8;

所以使用表格不是解决方案

最佳答案

CSS3 专门为此目的提供了 column-count,但遗憾的是它在旧浏览器中不受支持。

.newspaper
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

DEMO

关于css - 如何使标题跨越html中的两列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19052730/

相关文章:

html - CSS 类可以根据特定子元素是否存在而改变吗?

html - 如何在 Bootstrap 下拉菜单的右侧获得内联徽章?

javascript - 试图隐藏一个项目 block ,以便在单击特定文本框时显示,

java - 在浏览器上打印多个空格时出现 java.io.PrintWriter 问题

html - 在纯 css 上具有固定标题和固定列的表格

javascript - 平滑的背景图像过渡 - Javascript

html - 根据 lang 属性为所有元素设置 css 样式

html - 如何将带有 'transform:scale' 的 iframe 放在左侧

javascript - 将悬停传递给 HTML 中的下方元素

html - 在 div 中居中 div