Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
使用css将两个响应列居中_Css_Responsive Design_Css Float_Css Selectors - Fatal编程技术网
Fatal编程技术网
  • css/
  • 使用css将两个响应列居中

使用css将两个响应列居中

css responsive-design

使用css将两个响应列居中,css,responsive-design,css-float,css-selectors,Css,Responsive Design,Css Float,Css Selectors,我如何将我的两个博客栏居中 请查看我的页面：www.marianosooes.com/demo/thejournal/ 我尝试了一些CSS组合，但没有达到效果 谢谢大家! 您需要使用文本对齐将li居中。但要实现这一点，需要将float:left更改为display:inline块。它看起来像这样： ul{ text-align:center; } li{ display:inline-block; //remove float:left } 在li:n子级（偶数）上，还

我如何将我的两个博客栏居中

请查看我的页面：
www.marianosooes.com/demo/thejournal/

我尝试了一些CSS组合，但没有达到效果

谢谢大家!

您需要使用文本对齐将li居中。但要实现这一点，需要将float:left更改为display:inline块。它看起来像这样：

ul{
    text-align:center;
}
li{
    display:inline-block;
    //remove float:left
}
在
li:n子级（偶数）
上，还必须更改
transform:translate3d（468px，0px，0px）的第一个值到0，像这样：
转换：translate3d（0px，0px，0px）
你到底是什么意思？他们不是居中吗？他们不是居中。它们可能看起来居中，因为我的内容宽度很小。在firebug中截图：www.marianosees.com/demo/not_centered.png