我设法使表格与页面中心对齐,但文本区域下方的“接受按钮”仍与左侧对齐。如何将接受复选框居中?
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password] {
width:500px;
text-align: left;
}
.wpcf7 label {
width: 500px;
text-align: left;
}
.wpcf7 textarea {
width: 500px;
text-align: left;
}
div.wpcf7 {
text-align: center;
}
您将在下面看到图像。我正在寻找将提交按钮下方的接受复选框。
答案 0 :(得分:0)
请尝试以下操作。 我过去使用过类似的工具,但现在无法再次检查它是否100%正确。
.wpcf7 input[type="acceptance"],
.wpcf7-list-item-label {
text-align: center;
}
答案 1 :(得分:0)
如果您的html代码是这样生成的,那么您应该尝试一下
希望获得帮助。
让我知道进一步的澄清
.wpcf7 span.wpcf7-form-control {
text-align: center;
display: inline-block;
float: none;
width: 100%;
margin: 0 auto;
}
<div class="wpcf7">
<span class="wpcf7-form-control wpcf7-checkbox">
<span class="wpcf7-list-item first last">
<input type="checkbox" name="checkbox-948[]" value="Accept">
<span class="wpcf7-list-item-label">Accept</span>
</span>
</span>
</div>