將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的水平對齊

回答

相關問題