0

表单和按钮位于屏幕左侧，如何将它们置于中间？如果我不包括“显示：内联；” 表单位于页面中间，但一旦我包含它，表单就位于屏幕的左侧。

HTML

<div class="rounded">
<FORM name="myForm" method="POST" action=""; onsubmit="validate();">
<input type="text" value="Start time">  
<input type="submit" value="Save">
</form>
<button type="submit" onclick="validate1();" >Cancel</button>
</div>

CSS

rounded{
text-align:center;
align:center;
}

form {
margin:0 auto; 
text-align:center;
align:center;
display: inline;
}
4

4 回答 4

0

rounded匹配<rounded>元素，但您的容器是<div>with class="rounded"。

用于匹配作为舍入类.rounded成员的元素。

于 2013-07-09T10:44:40.567 回答
0

尝试为圆角框的 css 添加宽度和边距，如下所示：

.rounded {
    width: auto;
    margin: 0 auto;
    text-align: center;
    /* align: center; - Remove this */
}

这适用于我对您的代码的测试。

于 2013-07-09T10:46:13.817 回答
0

尝试

.rounded
{
    text-align:center;
    align:center;
}
于 2013-07-09T10:46:28.163 回答
0

检查这个小提琴和css。

.rounded{
text-align:center;
}

form {
margin:0 auto; 
text-align:center;
display: inline-block;
}

您还需要将按钮保留在表单中

<div class="rounded">
    <FORM name="myForm" method="POST" action=""; onsubmit="validate();">
        <input type="text" value="Start time">  
        <input type="submit" value="Save">
        <button type="submit" onclick="validate1();" >Cancel</button>
    </form>
</div>
于 2013-07-09T10:54:47.080 回答