CSS3列样式问题

时间:2014-02-21 20:41:39

标签: css html5 css3 responsive-design

我有一个2列div,并希望分别设置每个列的样式。我正在使用

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

Fiddle here

我希望左边的列能够正确对齐文本,右边的列可以左对齐文本。

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

1 个答案:

答案 0 :(得分:0)

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

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

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