Html 如何移动这个按钮?
我正在设计一个登录页面。我需要移动这个按钮!怎么做? 我已经附上了这个问题的链接。 愚蠢的编辑要求!!!忽略以下内容! Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面发布软件的发布而流行,包括Lorem Ipsum版本。您可以使用position:absolute来对齐元素,如下所示:Html 如何移动这个按钮?,html,css,Html,Css,我正在设计一个登录页面。我需要移动这个按钮!怎么做? 我已经附上了这个问题的链接。 愚蠢的编辑要求!!!忽略以下内容! Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面发
fieldset {
position: relative;
}
input[type="submit"] {
display: block;
position: absolute;
right: 0;
}
我只订购了表、tr、td标签
<form id='login' action='login.php' method='post' accept-charset='UTF-8'>
<fieldset>
<legend>Login</legend>
<table>
<tr>
<td>
<input type='hidden' name='submitted' id='submitted' value='1'/>
<label for='username' >UserName:</label>
<input type='text' name='username' id='username' maxlength="50" />
</td>
</tr>
<tr>
<td>
<label for='password' >Password:</label>
<input type='password' name='password' id='password' maxlength="50" />
</td>
</tr>
<tr>
<td align='right'>
<button type="submit" formmethod="post" formaction="login.php"> Login </button>
</td>
</tr>
</table>
</fieldset>
</form>
不要紧,伙计;以下是代码:
input {
margin: 10px;
float: right;
position: relative;
clear: right;
}
干杯,
Ashok我在这里创作了一把小提琴: 在不更改HTML的情况下,我添加了以下CSS: 我为输入和标签添加了一个宽度,并使它们在标签的左侧和输入标签的右侧浮动,以便填充每个表单的行并保持它们的分离
#login input {
margin: 10px 0;
float: right;
width: 60%;
}
#login label {
width: 25%;
float: left;
clear: left;
margin: 8px;
}
最后,我在登录按钮上加了一个右浮动,最重要的是清除左浮动
您是否尝试过标记??尝试在此处复制代码请添加您的代码。不应使用显示:内联块;弗洛尔:就在一起。第二,使用清晰的权利你也能提供css吗?谢谢@AshokKumarGupta:我对web开发是新手。我明白了。嗨,史密斯,我已经添加了解决方案。谢谢你添加代码。我编辑了我的答案,请检查,现在它在正确的位置显示按钮。我想CSS中的输入也会影响我的输入按钮!更新了修改后的代码!我加了按钮,现在很奇怪!嘿@Smith我已经调整了我的代码现在请检查它是否正确显示:-D
fieldset {
position: relative;
}
button {
right: 0;
}
input {
margin: 10px;
float: right;
position: relative;
clear: right;
}
#login input {
margin: 10px 0;
float: right;
width: 60%;
}
#login label {
width: 25%;
float: left;
clear: left;
margin: 8px;
}
#login button {
clear: left;
float: right;
}