Question

我目前正在使用以下登录表单，我想稍微更改一下设计：

http://html-form-guide.com/php-form/php-login-form.html

我想将“登录”放在框的中间，而不是左边：

我还发现你可以在fg_membersite.css（第17行）中更改文本大小，字体等。有趣的是，在Chrome中它显示在中间，只在Firefox中显示在左侧。由于我是一名新的CSS工作者，我想问一下是否有人可以帮助我解决这里的不兼容问题。

由于它还包含许多基于Javascript的东西，我不确定我在这里发布源代码是否明智，因为我不得不发布整个源代码。

提前致谢！

编辑：现在更漂亮。感谢：

http://rapidhdd.com/images/4013242013-10-06_1842.png

Answer 1

将其用于中心文本部分：

<form id='login' action='login.php' method='post' accept-charset='UTF-8'>
<fieldset >
<legend align="center">Login</legend>
<input type='hidden' name='submitted' id='submitted' value='1'/>

<label for='username' >UserName*:</label>
<input type='text' name='username' id='username'  maxlength="50" />

<label for='password' >Password*:</label>
<input type='password' name='password' id='password' maxlength="50" />

<input type='submit' name='Submit' value='Submit' />

</fieldset>
</form>

我猜您已更改了HTML代码，但请注意：<legend align="center">Login</legend>

<强> ALIGN = “中心”

http://jsfiddle.net/4szBC/

编辑：

由于似乎不赞成使用对齐，可以使用css来完成此操作。

legend {
    text-align: center;
}

如果您希望在HTML中使用css，请将其添加到<script>标记中并将其放在<head>中。像这样：

<script type="text/css">
    legend {
        text-align: center;
    }
</script>

http://jsfiddle.net/4szBC/1/

Answer 2

添加几个CSS规则的提交按钮：

input[type=submit] {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 30px;
}

在CSS中更改文本位置

2 个答案: