麻烦老师看一下,为什么一种情况表格对齐了,另一种没有对齐

麻烦老师看一下,为什么一种情况表格对齐了,另一种没有对齐

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>基础表单</title>

</head>

<body>

<form >


用户:<input type="text" name="username">

<br>

密码:<input type="password" name="paw">


</form>


</body>

</html>

http://img1.sycdn.imooc.com//climg/5f07c8f0092050df02700128.jpg

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>基础表单</title>

</head>

<body>

<form >


用户:<input type="text" name="username">

<br>

密码:

<input type="password" name="paw">


</form>


</body>

</html>

http://img1.sycdn.imooc.com//climg/5f07c91b098ddd6802890085.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

7回答
阿新哥哥 2020-08-04 17:16:23

同学你好,在代码中换行在页面显示的时候就相当于多了一个空格,只需要将换行删除即可!

慕圣0817821 2020-07-30 21:54:36

想用这种方法实现的靠运气,咱们是通过在form这个容器中放入表格table实现的对齐的哈

木易杨Tea 2020-07-23 19:47:02

是不是得看一下是不是 输入法,一个中英文的不同呀

慕粉13611605367 2020-07-22 09:52:47

那格式得用table表格写

嬵埖醣 2020-07-18 10:12:01

1.创建一个表单。

2.创建一个两行两列表格,用于表单结构布局。

3.添加“文本域”,使用户可以文本域内输入用户名

4.添加“密码域”,使用户可以在密码域输入密码

你这个审题都没看清楚,这个是用表格写的

<!DOCTYPE html>
<html>
<head>
    <title>表单</title>
    <meta charset="utf-8">
</head>
<body>
    <!-- 此处写代码 -->
    <form>
        <table>
            <tr>
                <td>用户:</td>
                <td><input type="test" name="username" /></td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input type="password" name="paw" /></td>
            </tr>
        </table>
    </form>
</body>
</html>


好帮手慕言 2020-07-13 10:10:56

同学你好,在编辑器中多写了空格或者换行,在页面上显示的效果可能存在一些差别。

祝学习愉快~

好帮手慕夭夭 2020-07-10 10:35:41

同学你好,是因为第二种方式,代码手动换行时多打了一个空格:

http://img1.sycdn.imooc.com//climg/5f07d3b409478ac605160122.jpg

把换行删掉就能看出来了:

http://img1.sycdn.imooc.com//climg/5f07d3ee0976803c05850126.jpg

把如上空格去掉就对齐了。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 CY会笑的女孩 #1
    编辑器里面的空行和空行等格式不对显示器的内容无效?
    2020-07-13 05:50:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师