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

Question

我尝试使用以下文字修改一些元素＆＃34;使用Deepak＆＃34;在my page但没有运气。请帮我编辑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;
}}

这两行总是出现在手机中。有人可以提出我犯错误的建议吗？

Answer 1

在媒体查询中添加此内容：.vc_separator.vc_sep_double {width:100%;}

Answer 2

我建议您尝试margin: 0px auto

编辑：

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

Answer 3

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

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