[已解决]这个用户名和密码 如何能对齐呢，我加几个空格 都对不齐，不是超了 就是不够

wp231957

1. <form method="POST">
   
2.          <label>用户名:</label><input type="text" name="username" value=""><br>
   
3.              <label>密&nbsp&nbsp&nbsp码:</label><input type="password" name="password" value=""><br><br>
   
4.          <input id="logclick" type="submit" value="登录">
   
5.          <input id="logout" type="submit" value="退出">
   
6.     </form>

复制代码

最佳答案

月排行榜 / 总排行榜

不二如是

2020-2-11 20:26:39

1、通过 &nbsp 可以对齐：

2、更好的做法通过 CSS 实现

修改代码：

1. <form method="POST">
   
2.         <div class="block">
   
3.             <label for="username">用户名：</label>
   
4.             <input type="text" name="username">
   
5.         </div>
   
6.         <div class="block">
   
7.             <label for="password">密码：</label>
   
8.             <input type="password" name="password">
   
9.         </div>
   
10. 
    
11.         <div class="block center">
    
12.             <input id="logclick" type="submit" value="登录">
    
13.             <input id="logout" type="submit" value="退出">
    
14.         </div>
    
15.     </form>

复制代码

添加 CSS：

1. label {
   
2.             display: inline-block;
   
3.             width: 100px;
   
4.             text-align: right;
   
5.         }

复制代码

底下按钮样式没有管～

跳转到最佳答案楼层

人随世俗变

1. <style type="text/css">
   
2.                         label{  
   
3.                                 display:inline-block;  
   
4.                                 text-align:right;
   
5.                         }
   
6.                 </style>

复制代码

人随世俗变

人随世俗变 发表于 2020-2-11 20:23

加个css样式就可以

不二如是

1、通过 &nbsp 可以对齐：

2、更好的做法通过 CSS 实现

修改代码：

1. <form method="POST">
   
2.         <div class="block">
   
3.             <label for="username">用户名：</label>
   
4.             <input type="text" name="username">
   
5.         </div>
   
6.         <div class="block">
   
7.             <label for="password">密码：</label>
   
8.             <input type="password" name="password">
   
9.         </div>
   
10. 
    
11.         <div class="block center">
    
12.             <input id="logclick" type="submit" value="登录">
    
13.             <input id="logout" type="submit" value="退出">
    
14.         </div>
    
15.     </form>

复制代码

添加 CSS：

1. label {
   
2.             display: inline-block;
   
3.             width: 100px;
   
4.             text-align: right;
   
5.         }

复制代码

底下按钮样式没有管～

wp231957

不二如是 发表于 2020-2-11 20:26
1、通过 &nbsp 可以对齐：

是我设置的最佳答案吗   好像不是我啊