Html CSS3列样式问题
我有一个2列的div,并且想分别设置每个列的样式。我正在使用Html CSS3列样式问题,html,css,responsive-design,Html,Css,Responsive Design,我有一个2列的div,并且想分别设置每个列的样式。我正在使用 columns:70px 2; -webkit-columns:70px 2; /* Safari and Chrome */ -moz-columns:70px 2; 我希望左侧的列文本向右对齐,右侧的列文本向左对齐 我知道我可能可以自定义我的列为带段落的2个div,添加显示内联块并设置大小和样式,但我想知道是否有方法通过上面使用的方法针对特定列。简短回答,不,你不能!因为导致列的css划分不会在两个分离的元素上打断元素。因
columns:70px 2;
-webkit-columns:70px 2; /* Safari and Chrome */
-moz-columns:70px 2;
我希望左侧的列文本向右对齐,右侧的列文本向左对齐
我知道我可能可以自定义我的列为带段落的2个div,添加显示内联块并设置大小和样式,但我想知道是否有方法通过上面使用的方法针对特定列。简短回答,不,你不能!因为导致列的css划分不会在两个分离的元素上打断元素。因此,应用的所有其他属性都在列之间共享
以下是可以在CSS3列上使用的属性:
类似的问题:请发布您的HTML。@Lowkase我甚至不知道这些供应商前缀,我不确定您的HTML/CSS知识,如果您是初学者,您可以创建两列并以不同的方式设置它们的样式,如下所示: