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

来源:1-8 选择练习

CY会笑的女孩

2020-07-10 09:49:17

<!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://img.mukewang.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://img.mukewang.com/climg/5f07c91b098ddd6802890085.jpg

写回答

7回答

木易杨Tea

2020-07-23

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

1

嬵埖醣

2020-07-18

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>


1

好帮手慕夭夭

2020-07-10

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

http://img.mukewang.com/climg/5f07d3b409478ac605160122.jpg

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

http://img.mukewang.com/climg/5f07d3ee0976803c05850126.jpg

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

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

1
hY会笑的女孩
h 编辑器里面的空行和空行等格式不对显示器的内容无效?
h020-07-13
共1条回复

阿新哥哥

2020-08-04

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

0

慕圣0817821

2020-07-30

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

0

慕粉13611605367

2020-07-22

那格式得用table表格写

0

好帮手慕言

2020-07-13

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

祝学习愉快~

0

0 学习 · 40143 问题

查看课程