CSS中心recaptcha對象

-1

任何想法如何我可以中心this recaptcha對象在頁面的底部？我已嘗試text-align: center; margin: 0 auto;所有父對象，它仍然卡在左側。CSS中心recaptcha對象

2017-04-20 odedta

添加到'.wpcf7外形控制纏繞{顯示：內聯塊; }' – jtrein

您需要使用'text-align：center'設置'wpcf7-form-control-wrap'，並使用'margin：auto'設置驗證碼 –

@Koby Douek他們已經在父級上設置了它。 – jtrein

給驗證碼周圍的div f ollowing樣式：

.wpcf7-form-control-wrap { 
    margin: 0 auto; 
    display: inline-block; 
}

來源

2017-04-20 10:43:43

謝謝，先生。 – odedta

你不能設計iframe裏面的東西。這樣做，還是給該分區的text-align中心的父

來源

2017-04-20 10:35:18

我不認爲這個div在標記中可用來編寫代碼。 –

只需選擇其父項即可。我確實說過「給那個div文本對齊中心的父母」。在這種情況下，他可以執行.wpcf7-form-control-wrap {text-align：center;}或.wpcf7-form-control {text-align：center}或.wpcf7-form-control> div {margin：0 auto ;} –

這裏有一些解決方案，您可以嘗試：
解決方案1：

.wpcf7-form-control-wrap{ display:inline-block; text-align:center;}

解決方案2：

.wpcf7-form-control.g-recaptcha{ max-width:304px; margin:0px auto;}

來源

2017-04-20 10:42:29

謝謝Sahil。 – odedta

不客氣 –

CSS：

#recaptcha-box { 
    width: 304px; 
    margin: 0 auto; 
}

HTML：

<div id="recaptcha-box"> 
<div id="getdata" class="g-recaptcha" data-sitekey="xxx"></div> 
</div>

來源

2017-12-07 10:04:35

CSS中心recaptcha對象

回答

相關問題