水平对齐div答案

【问题标题】：Align div's horizontally水平对齐div
【发布时间】：2013-04-16 18:11:00
【问题描述】：

试图让它与我的网站一起使用，查看了一些也遇到此问题的人，但由于某种原因我无法使其正常工作。这段代码正确吗？我应该开始寻找其他地方来找到问题，因为当我将它放在实际的表中时它可以工作。

通过这样做使其工作=

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

.headerin
{    
  display: inline-block;
}

不告诉这些 div 水平对齐？

<div class="headerout">
<div class="headerin"><div class="phone" style="white-space: nowrap;"> Call Toll Free: 888-674-4044</div>
    <div class="phone" ><img src="http://www.mphclub.com/wp-content/uploads/2013/04/quote.png" width="40" height="23"></div>
   <div class="phone" ><img src="http://www.mphclub.com/wp-content/uploads/2013/04/reservation1.png" width="40" height="23"></div>
</div></div>

不漂亮，但对我有用。

【问题讨论】：

<font> 标签已弃用，使用它们不是一个好主意。
您在 CSS 中将 phone 定义为一个类，但在 HTML 中给它一个 ID。
JG，请阅读页面About和FAQ，你不能用“谢谢”代替原来的问题。

标签： css wordpress html header

【解决方案1】：

第二个 div 中的图像的宽度设置为 100% ，因此 div 获得 100% 宽度，因此同一行上没有其他 div 的位置...

但无论如何，你的 HTML 有很多问题：你不应该放那样的样式，你不应该使用字体标签等等......

【讨论】：

听取了您对宽度的建议，并摆脱了字体标签，但仍然无法正常工作。
添加一个浮点数：左；到你的“行”课

【解决方案2】：

CSS 没有任何意义。 margin: 0 auto; 一个元素在另一个元素中水平居中，如果这是您想要实现的，它不会将其子元素居中。

此外 - 你的代码真的很糟糕。不要使用内联样式、字体标签和对齐参数。

【讨论】：

采纳了您的建议，去掉了内联、字体标签和对齐参数，以及 margin:0... 仍然无法正常工作。
您的主要问题仍然存在 - margin: 0 auto 使用错误。您应该将其设置为容器内的元素以使其水平居中。如果你在父元素/容器上设置它，它不会做你想做的事。