有序列表和子列表问题 HTML
这是我的代码:
<div class="faq">
<br />
<ol>
<li>Frequently asked questions about Sweden</li>
<li><a href="#faq1">What and where is Sweden?</a>
<ul>
<li><a href="#faq2">When did Sweden stop participating in wars?</a></li>
<li><a href="#faq3">Is Sweden a part of the European Union?</a>
<ul>
<li><a href="#faq4">Did Sweden ever have a scientific revoution?</a></li>
<li><a href="#faq5">Did the Nobel Prize really come from Sweden?</a></li>
</ul>
</li>
</ul>
</li>
</ol>
<ol>
<li>More Questions
<ul>
<li><a href="#faq6">Does Sweden hold many patents on their inventions?</a></li>
<li><a href="#faq7">How does the Swedish educational system work?</a></li>
<li><a href="#faq8">How is school financed in Sweden?</a></li>
</ul>
</li>
</ol>
然后,当我使用此代码时,第一个名为“有关瑞典的常见问题”的列表的罗马数字(从有序列表中给出的数字)位于其错误的一侧。 基本上它看起来像这样:
有关瑞典的常见问题。二.
当它应该看起来像:
II。关于瑞典的常见问题。
我不知道如何将其放在问题的开头。所有其他列表和子列表都表现良好,但这个列表不知何故搞砸了...... 请帮忙:)
So here is my code:
<div class="faq">
<br />
<ol>
<li>Frequently asked questions about Sweden</li>
<li><a href="#faq1">What and where is Sweden?</a>
<ul>
<li><a href="#faq2">When did Sweden stop participating in wars?</a></li>
<li><a href="#faq3">Is Sweden a part of the European Union?</a>
<ul>
<li><a href="#faq4">Did Sweden ever have a scientific revoution?</a></li>
<li><a href="#faq5">Did the Nobel Prize really come from Sweden?</a></li>
</ul>
</li>
</ul>
</li>
</ol>
<ol>
<li>More Questions
<ul>
<li><a href="#faq6">Does Sweden hold many patents on their inventions?</a></li>
<li><a href="#faq7">How does the Swedish educational system work?</a></li>
<li><a href="#faq8">How is school financed in Sweden?</a></li>
</ul>
</li>
</ol>
When I then use this code, the first list called, "Frequently asked questions about Sweden" has its roman numeral (the one given to it from the ordered list) on the wrong side of it.
So basically it looks like this:
Frequently asked questions about Sweden. II.
When it should look like:
II. Frequently asked questions about Sweden.
I dont know how to put it at the start of the question. All the other lists and sublists act fine but this one messes up somehow.....
Help please :)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是你想要的吗?
Is this what you wanted?