Question

我在jsfiddle写了这个。 https://jsfiddle.net/s2cq61ko/

以下是HTML。

1 action)\r\n   at System.Data.Entity.Internal.LazyInternalContext.InitializeDatabase()\r\n   at System.Data.Entity.Internal.InternalContext.GetEntitySetAndBaseTypeForType(Type entityType)\r\n   at System.Data.Entity.Internal.Linq.InternalSet

然后这是CSS ...

1.get_InternalContext()\r\n   at System.Data.Entity.Infrastructure.DbQuery

注意框后的大量间距。它不会出现在IE或Komodo Edit的预览中。但是当我在Chrome上打开它时，就会显示出来......

我确定这是CSS，但我无法理解。

Answer 1

这里有一些事情发生。一个是使用内联块可以产生奇数间隔。如果您调整为使用显示块然后应用左边距自动和右边距自动，您仍然会将框放在中心位置。我注意到的第二件事是你已经将1.75em的上限应用于h2。如果你将这个声明更改为一个类，并且只针对你打算调整边距的h2，那么这个差距就会消失。

Answer 2

最简单的解决方案是将#Boxy更改为：

#Boxy {
    border: solid;
    display: block;      /* from inline-block to block */
    border-width: 1px;
    margin-top: 35px;
    margin-left: auto;   /* added this line */
    margin-right: auto;  /* added this line */
    width: 500px;
}

Answer 3

看看这个link

你应该展示Boxy并使用保证金：0 auto;用于定位你的盒子。

我的HTML中的奇怪间距仅出现在Chrome中，而不是出现在IE或Komodo Edit的预览中

3 个答案: