将div的水平对齐

-4

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

得到它做这个=

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

不漂亮，但对我来说是诀窍。

来源

2013-04-23 J.G.

''标记已被弃用，使用它们不是一个好主意。 – 2013-04-23 13:44:24

您已将电话定义为CSS中的一个类，但在HTML中给它一个ID。 – McNab 2013-04-23 13:47:23

JG，请阅读[关于]和[常见问题]页面，您无法用“谢谢”替换原始问题。 – brasofilo 2013-04-23 16:15:00

在第二个div的图像的宽度设置为100％，因此该div获得一个宽度为100％，因此有一个为在同一行的其他分区没有地方......

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

来源

2013-04-23 13:43:39

接受了宽度的建议，摆脱了字体标记，仍然无法工作。 – 2013-04-23 14:07:07

加一个float：left;到你的“行”类 – 2013-04-23 14:08:59

该CSS并没有什么意义。 margin：0 auto;在另一个元素内水平居中放置一个元素，如果这就是你想要实现的，它不会居中其子元素。

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

来源

2013-04-23 13:45:57 mzgajner

采取了你的意见，摆脱了内联，字体标签，并对齐参数，并保证金：0 ...仍然无法正常工作。 – 2013-04-23 14:07:48

你仍然有你的主要问题 - 错误使用* margin：0 auto *。您应该将其设置为容器内的一个元素以水平居中。如果将它设置在父元素/容器上，它不会做你想要的。 – mzgajner 2013-04-24 21:52:57

将div的水平对齐

回答

相关问题