如何在HTML、CSS中清除首页上的突然出现的空行?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (187)

这个问题一直让我抓狂,总是会发生的。我只列出了重要的代码。

以下是我的HTML代码:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title> File Manager </title>
        <link rel="stylesheet" href="../main.css">     
    </head>

    <body>
        <div id="sidemenu">
            <ul>
                <li><a onclick="">Add New Staff</a></li>
                <li><a onclick="">Set Time Limit</a></li>
            </ul>
        </div>

        <table class="container";>
            <thead>
                <tr>
                    <th>Username</th>
                    <th>Name</th>
                    <th>Position</th>
                    <th>Status</th>
                    <th>Time</th>
                    <th>Date</th>
                </tr>
            </thead>    
        </table>
    </body>
</html>

CSS代码:

body, html {
    padding: 0;
    margin: 0;
    top: 0;
    height: 100%;
    width:100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

#sidemenu {
    background: #333;
    list-style: none;
    margin: 0;
    padding: 0;
    width:192px;
    height: 100%;
    position: fixed;
}
#sidemenu li {
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidemenu a {
    background: #333;
    border-bottom: 1px solid #393939;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight: normal;
}
#sidemenu a:hover {
    background: #2580a2;
    color: #fff;
    padding-bottom: 8px;
}

我在Mozila中发现的问题。body下面有两个<br>。但那个代码不在我的html代码中。我该怎么移除它?

提问于
用户回答回答于

你可以简单地将此代码用于你的开发。

body > br {
  display : none;
}
.hello{
  display : initial;
}
<br>
<br>
<p>this is your content</p>

<br class="hello">
<p>this is where you like to use br tag</p>

用户回答回答于

尝试加载正规化.css(https://necolas.github.io/normalize.css/)

扫码关注云+社区

领取腾讯云代金券