CSS3 列样式问题答案

【问题标题】：CSS3 Column Styling IssueCSS3 列样式问题
【发布时间】：2014-03-23 13:48:56
【问题描述】：

我有一个 2 列的 div，想分别设置每一列的样式。我正在使用

columns:70px 2;
-webkit-columns:70px 2; /* Safari and Chrome */
-moz-columns:70px 2;

我希望左边的列文本右对齐，右边的列文本左对齐。

我知道我也许可以将我的列自定义为 2 个带有段落的 div，添加显示内联块并设置大小和样式，但我想知道是否有一种方法可以通过上面使用的方法来定位特定列。

【问题讨论】：

【解决方案1】：

简短的回答，不，你不能！因为导致列的 css 划分不会破坏两个分离元素上的元素。因此，应用的所有其他属性都在列之间共享

以下是您可以在 CSS3 列上使用的属性：http://davidwalsh.name/css-columns

类似问题：Is there a way to specify different width to columns in CSS3?

【讨论】：