Question

首先，我的测试代码：

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Test</title>
        <style type="text/css">

            ul, li {
                margin: 0 !important;
                padding: 0 !important;
            }

            ul {
                list-style-type: none;
            }

            li {
                display: inline-block;
                border: 1px solid red;
            }

        </style>
    </head>
    <body>
        <ul>
            <li>Test 1</li>
            <li>Test 2</li>
            <li>Test 3</li>
        </ul>
    </body>
</html>

非常简单的代码！但在Chrome中，我的＆＃39; li＆＃39;在我们之间有利润。这就是我的问题：我不想要这个问题！

屏幕截图：http://i.imgur.com/6XQ1JLu.jpg

我做了一些尝试但没有成功：

我试过了normalize
我试过重置
我试着和没有＆＃39;！important＆＃39; PARAM

90％的相关帖子谈到一个简单的边缘＆＃39;和＆＃39;填充＆＃39;覆盖，但没有人工作。

我有Chrome，Firefox和Safari的输出，所有最新版本。我在Mac OS X Mavericks上。我也使用了最新的MAMP。

我所有的希望都在于你的专业知识;）感谢阅读，并帮助我猜:);）

Answer 1

感谢 KonradDzwinel 提供解决方案：

像这样一个接一个地把你的李一个接一个： <li>Test 1</li><li>Test 2</li><li>Test 3</li> 目前，它们之间有一个空格。还有其他方法可以解决它，请查看this question。

非常感谢您的回答（ BuddhistBeast ）

用户代理样式表 - 不需要的边距和无覆盖工作

1 个答案: