尝试将我的一个字段集的内容居中时遇到问题。它有一个验证码图像、一个输入字段和一个提交按钮。我试过使用 margin: 0 auto; 但无济于事...
<fieldset class="fieldset_submit">
{if captcha}
{captcha}
<p>Please enter the text you see above</p>
<input type="text" name="captcha" value="" />
{/if}
<input type="submit" name="submit" value="Send" class="submit" />
</fieldset>
代码:
.fieldset_submit {
display: block;
width: 500px;
margin: 0 auto;
border: none;
text-align: center;
padding: 40px;
}
input, select {
display: block;
margin: 5px 0 20px 0;
width: 300px;
height: 25px;
font-size: 16px;
color: gray;
padding: 5px;
border: 2px solid #ccc;
}
select {height: 35px;}
label {display: block; margin-bottom: 10px;}
fieldset.fieldset_centre textarea {
border: 2px solid #ccc;
color: gray;
padding: 10px;
font-size: 16px;
width: 800px;
margin: 0 auto;
}
.submit {
width: 100px;
border: none;
height: 30px;
text-align: center;
text-transform: uppercase;
background-color: #ff8399;
color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.submit:hover {cursor: pointer;}
.submit:active {
position:relative;
top:2px
}
添加:
不幸的是,尽管将字段集居中,但当按照第二种方法设置为显示块时,内容不会居中。奇怪的是两个小提琴都显示得很好。
我想知道这是否与ee验证码有关?