Question

我试图在我的页面上显示一个简单，简短，无序的列表，但由于某些未知原因，它显示为纯文本，而不是列表形式。这是我的代码：

<section id="rightContent">
    <h2>HAVEN'T REGISTERED YET?</h2>
    <p id="para">Lorem ipsum  consequat, sit amet tempor eros ornare. Ut tincidunt, mauris vel pretium egestas, lacus velit vestibulum ante, non fermentum erat neque eleifend augue.</p>
    <br>
    <section>
    <ul>
      <li>Donec eu tellus tortor. Cras varius leo ac dolor congue, ac volutpat risus placerat.</li>
      <li>Suspendisse tellus nisi, feugiat tincidunt sollicitudin sit amet, interdum tempor nunc.</li>
    </ul>
    </section>
    <br>
    <a href="#">SIGN UP NOW</a>
</section>

Answer 1

当我使用相同的HTML时，它工作正常。这是它的片段

＆＃13;

<section id="rightContent">
    <h2>HAVEN'T REGISTERED YET?</h2>
    <p id="para">Lorem ipsum  consequat, sit amet tempor eros ornare. Ut tincidunt, mauris vel pretium egestas, lacus velit vestibulum ante, non fermentum erat neque eleifend augue.</p>
    <br>
    <section>
    <ul>
      <li>Donec eu tellus tortor. Cras varius leo ac dolor congue, ac volutpat risus placerat.</li>
      <li>Suspendisse tellus nisi, feugiat tincidunt sollicitudin sit amet, interdum tempor nunc.</li>
    </ul>
    </section>
    <br>
    <a href="#">SIGN UP NOW</a>
</section>

＆＃13;

我认为这个元素的CSS样式正被项目中的任何其他CSS规则覆盖（类似于项目中使用的第三方CSS文件）。你可以做的是，一旦你的HTML页面在浏览器中呈现，你可以右键单击文本并选择inspect元素，然后打开一个开发人员窗口，在这里你可以选择每个元素并查看其应用的相关css规则。如果你use Chrome you can debug this easily。

为什么我的<li>在页面上没有正确呈现？

1 个答案: