Question

试图让这个与我的网站一起工作，看了一些也有这个问题的人，但由于某种原因我无法让它工作。这段代码是否正确？我应该开始寻找其他地方找到问题，因为当我把它放在一个实际的表中时它会起作用。

通过这样做得到它=

    .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>

不漂亮，但对我有把戏。

Answer 1

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

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

Answer 2

CSS实际上没有意义。 margin：0 auto; 将一个元素水平居中于另一个元素内部，如果这是你想要实现的目标，它不会使其子节点居中。

此外 - 您的代码非常糟糕。不要使用内联样式，字体标记和对齐参数。

水平对齐div

2 个答案: