0
<body>
<h1><p id="title"><font="Arial">Beyblade Metal Web</font></p></h1>

<br>
<center>
<div id="navbar">
   <ul>
     <li><a href="3.html">Video Games</a></li>
     <li><a href="4.html ">News</a></li>
     <li><a href="5.html ">Tips</a></li>
     <li><a href="6.html ">Episodes</a></li>
     <li><a href="7.html ">Beyblades</a></li>
     <li><a href="8.html ">Products</a></li>
   </ul>
 </div>
</center>
</br>
</body>

这只是身体。“标题”和“导航栏”之间存在差距,我想摆脱它。我怎样才能做到这一点?我宁愿不使用 CSS 来解决这个问题,但如果我必须这样做也没关系。

4

4 回答 4

2

删除<br>之前的<center>.

于 2013-05-27T23:03:24.687 回答
1

这确实是一个 CSS 问题。您应该将marginandpadding属性设置为0您的h1andp元素,如下所示:

h1, p {
    margin: 0;
    padding: 0;
}

另外,据我所知,p不允许 event 成为h1element的子项,因此您可能还是想删除它.​​..

于 2013-05-27T23:04:07.470 回答
0

取出你在标题和导航栏之间添加空格的所有东西( <p>, <font>, <br>, unclosed ),所以它看起来像这样:<h1>

<body>
<h1 style="font-family: arial">Beyblade Metal Web</h1>

<center>
<div id="navbar">

...
于 2013-05-27T23:05:13.083 回答
0

默认情况下,<p>它们<h1>前后都有间距。您<br>的代码中还有一个换行符。如果要删除间距,请将您的更改HTML为:

<html>
    <body>
        <h1 style="margin: 0; padding: 0px;"><p id="title" style="margin: 0; padding: 0px;"><font="Arial">Beyblade Metal Web</font></p></h1>
        <div id="navbar" style="text-align: center;">
            <ul>
                <li><a href="3.html">Video Games</a></li>
                <li><a href="4.html">News</a></li>
                <li><a href="5.html">Tips</a></li>
                <li><a href="6.html">Episodes</a></li>
                <li><a href="7.html">Beyblades</a></li>
                <li><a href="8.html">Products</a></li>
            </ul>
        </div>
    </body>
</html>

这是inline CSS用来实现结果的。您可能希望将这些样式放入类中。

于 2013-05-27T23:11:32.017 回答