Html CSS中心问题

我正在创建一个响应性布局，但我注意到一个中心问题。我有三个div（三个盒子，每个盒子紧挨着另一个），我把它们放在一个父div中进行对齐。奇怪的是，在dreamweaver上，所有这些都可以完美地工作，但是当我打开HTML文件在本地测试页面时，居中是不正确的。以下是图片，以便您更好地理解

关于Dreamweaver的

当我在本地打开HTML页面时

在第一个屏幕中，您可以看到，右侧和左侧空间完全相等，在第二个屏幕中，左侧空间更窄。我想知道为什么在梦织布机上是可以的。这是我使用的代码

    #infoInner {
    margin-left: 0.5%;
    margin-right: -0.5%;
  }

  .boxInfo {
    padding: 2% 2%;
    margin: 0 1.5%;
    width: 26%;
    border: 1px dashed white;
    float: left;
  }

---

你能这样做吗：

<div class="wrapper">
    <div class="item"></div>
    <div class="item center"></div>
    <div class="item"></div>
</div>

.wrapper {
    text-align: center;
    width: 100%;
}

.wrapper .item {
    float: none;
    display: inline;
    width: 32%;
    margin: 0px;
}

.wrapper .item.center{
    margin-left: 1%;
    margin-right: 1%;
}

.包装纸{
文本对齐：居中；
宽度：100%；
}
.包装.物品{
浮动：无；
显示：内联；
宽度：32%；
边际：0px；
}
.wrapper.item.center{
左缘：1%；
保证金权利：1%；
}

---

我希望这有帮助！：）

默认情况下，浏览器倾向于向文档添加样式。这就是为什么存在这样的项目来删除它们，然而，这并不是问题的解决方案

当web浏览器显示代码时，由用户解释代码，然后将其显示在屏幕上。Chrome使用Blink，Safari使用Webkit，InternetExplorer使用Trident，等等。经过一点研究，我发现Dreamweaver在第3版之前一直使用Presto渲染引擎，然后在第4/5版上使用Webkit。我不确定DW6的版本，我还将假设它是Webkit（欢迎编辑）。如果在Safari中打开代码，您应该收到类似的结果

我建议您打开一个新问题，将代码表示为SO的成员，以帮助您解决问题，并以您希望的方式获得它。然而，从描述和发布的代码来看，这似乎是一个渲染问题

进一步阅读：

• （更多关于喜剧）

---

您的框架如何处理浏览器添加的默认样式？另外，您使用什么浏览器在本地查看页面？对不起，我不明白您的第一个问题。不管怎样，我试过IE、Firefox和Chrome。谢谢你的代码，但是如果我用内联而不是浮点，我会得到一个糟糕的布局。无论如何，我认为解决这个问题的最好方法是理解为什么所有的东西在dreamweaver和非本地上都可以正常工作。很抱歉刚才添加了这个评论，但我忘了问你：有一种方法可以在HTML/CSS项目中添加渲染引擎？非常感谢你花时间尝试解决我的问题。好的，我就这样试试，再次谢谢。