第一段和第二段没有对齐是怎么回事?

来源:3-4 编程练习

weixin_慕桂英4181630

2020-04-12 15:15:13

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

</head>

<body>

    <!-- 此处写代码 -->

   <p>

        <ul>

        <li>朝辞白帝彩云间</li>

        <li>千里江陵一日还</li> 

        <li>两岸猿声啼不住</li> 

        <li>轻舟已过万重山</li>  

        </ul> 

    </p>

    <p>

        <li type="square">朝辞白帝彩云间</li>

        <li type="square">千里江陵一日还</li>

        <li type="square">两岸猿声啼不住</li>

        <li type="square">轻舟已过万重山</li>

    </ul> 

    </p>

</body>

</html>



第二段和第一段的首字没有对齐是怎么回事呀?先谢谢各位老师。

写回答

1回答

好帮手慕星星

2020-04-12

同学你好,代码中问题如下:

1、p标签中不能嵌套ul,否则解析会有问题的,单独分开

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

直接写ul列表就好。

2、ul列表默认存在左侧间隙

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

而第二段代码中缺少ul开始标签,所以解析出来li没有嵌套在ul中

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

所以左侧没有间隙,也就是同学提问的两段内容没有左对齐。

参考修改:

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

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

0

0 学习 · 40143 问题

查看课程