Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS3列样式问题_Html_Css_Responsive Design - Fatal编程技术网

Html CSS3列样式问题

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划分不会在两个分离的元素上打断元素。因

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

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

我希望左侧的列文本向右对齐,右侧的列文本向左对齐


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

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

以下是可以在CSS3列上使用的属性:


类似的问题:

请发布您的HTML。@Lowkase我甚至不知道这些供应商前缀,我不确定您的HTML/CSS知识,如果您是初学者,您可以创建两列并以不同的方式设置它们的样式,如下所示: