如何在移動版本中居中對齊元素？

我試着用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

如何在移動版本中居中對齊元素？

回答

相關問題