如何在移动版本中居中对齐元素？

我试着用my page中的以下文字“连接Deepak”修改一些元素，但没有一点运气。请帮我编辑CSS：如何在移动版本中居中对齐元素？

@media (max-width:560px) { 
.vc_sep_holder .vc_sep_holder_l { 
max-width: 320px; 
margin:auto; 
}} 

@media (max-width:560px) { 
.vc_sep_holder .vc_sep_holder_r { 
    max-width: 320px; 
    margin:auto; 
}}

这两条线总是出现在手机中。有人可以提供意见，我犯了什么错误？

来源

2016-12-16 Dora

将'text-align：center'添加到'.vc_separator h4 {}' – 2016-12-16 19:27:15

在媒体查询补充一点：.vc_separator.vc_sep_double {width:100%;}

来源

2016-12-16 19:26:13 oompahlumpa

我试过了，但是没有任何改变。 – Dora

它必须在实际的H4元素上完成。不在容器上，对于混淆抱歉。 – oompahlumpa

还是什么都没有.. 我tryed此： '@media（最大宽度：560像素）{ .h4 { 最大宽度：320像素; margin：0px auto; （最大宽度：560px）{ .h4 { max-width：320px; margin：0px auto; }}' – Dora

我会建议尝试margin: 0px auto

编辑：

.vc_separator.vc_sep_double .vc_sep_line { border-bottom: 0px; }

来源

2016-12-16 19:26:25

我tryed： '@media（最大宽度：560像素）{ .vc_sep_holder .vc_sep_holder_l { 最大宽度：320像素; margin：0px auto; }} @media（max-width：560px）{ .vc_sep_holder .vc_sep_holder_r { max-width：320px; margin：0px auto; }}' 但没有改变什么。 – Dora

您正在WordPress引擎上运行。 “与Deepak连接”处于中心位置。什么似乎是问题？ – 2016-12-16 19:38:31

需要在1行而不是2行。 – Dora

这解决了我的问题。谢谢大家！

@media (max-width:560px) { 
.vc_separator.vc_sep_double {width:100%;} 
}

来源

2016-12-16 19:45:07 Dora

如何在移动版本中居中对齐元素？

回答

相关问题