如何去掉表格顶部的边距?

发布于 2024-09-06 00:05:43 字数 389 浏览 8 评论 0原文

编辑:我在这里发布了一些代码,但无法重现它。所以这里是问题的链接:

http://stackmobile.quickmediasolutions.com/questions .php?site=stackoverflow

无论我做什么,表格和 DIV 之间仍然存在间隙。 Linux 上的 Google Chrome 5.0.375.70 beta 会出现这种情况。 (它似乎也发生在其他基于 Webkit 的浏览器上。)

我怎样才能摆脱这个空间?

Edit: I had some code posted here but I couldn't get it to reproduce. So here is the link to the problem:

http://stackmobile.quickmediasolutions.com/questions.php?site=stackoverflow

No matter what I do, there is still a gap between the table and the DIV. This occurs on Google Chrome 5.0.375.70 beta on Linux. (And it seems to occur on other Webkit-based browsers too.)

How can I get rid of the space?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

似梦非梦 2024-09-13 00:05:43

div 和表格之间可能有空格字符。如果是,请尝试删除它。

尝试给出

body
{
    font-size: 1px;
}

并检查 4px 是否已减小。

There might be a space character between the div and the table. If yes then try removing that.

Try giving

body
{
    font-size: 1px;
}

and check whether the 4px has been reduced or not.

暮年慕年 2024-09-13 00:05:43

尝试使用以下 CSS:-

div {
    margin: 0px;
    padding: 0px;
}
table {
    margin: 0px;
    border-collapse: collapse;
    padding: 0px;
}

Try using the following CSS:-

div {
    margin: 0px;
    padding: 0px;
}
table {
    margin: 0px;
    border-collapse: collapse;
    padding: 0px;
}
不乱于心 2024-09-13 00:05:43

也尝试将 div 边距归零:

div {
    margin:0;
}

这是我使用的完整页面,它似乎对我有用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/\
xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Test</title>
        <style type="text/css">
            div {
                width:2em;
                height:2em;
                background-color:black;
            }
            table {
                background-color:red;
                margin: 0px;
                border-collapse: collapse;
                padding: 0px;
            }
        </style>
    </head>
    <body>
        <div></div>
        <table>
            <tr><td>Test</td></tr>
        </table>
    </body>
</html>

Try zeroing the div margin too:

div {
    margin:0;
}

This is the full page I used, it seemed to work for me:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/\
xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Test</title>
        <style type="text/css">
            div {
                width:2em;
                height:2em;
                background-color:black;
            }
            table {
                background-color:red;
                margin: 0px;
                border-collapse: collapse;
                padding: 0px;
            }
        </style>
    </head>
    <body>
        <div></div>
        <table>
            <tr><td>Test</td></tr>
        </table>
    </body>
</html>
老娘不死你永远是小三 2024-09-13 00:05:43

我终于修好了!

我需要添加的

height: 40px;

#topbar_logo {
    float: left;
}

I finally fixed it!

All I needed to add was

height: 40px;

to

#topbar_logo {
    float: left;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文