gpt4 book ai didi

css - 更改 CSS 中的文本位置

转载 作者:行者123 更新时间:2023-11-28 12:15:30 27 4
gpt4 key购买 nike

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

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

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

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

因为它还包含很多基于 Javascript 的东西,所以我不确定在这里发布源代码是否明智,因为无论如何我都必须发布整个源代码。

提前致谢!

编辑:现在漂亮多了。谢谢:

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

最佳答案

将其用于中心文本部分:

<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="center"

http://jsfiddle.net/4szBC/


编辑:

由于您似乎不赞成使用 align,因此可以通过使用 css 来做到这一点。

legend {
text-align: center;
}

如果您希望 HTML 中的 css 正确,请将其添加到 <script> 中标记并将其放入 <head> .像这样:

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

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

关于css - 更改 CSS 中的文本位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19210049/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com