Q

我可以讓這些元素左對齊水平

html
css

2012-11-09 30 views 0 likes

0

好，我有HTML像下面。我想H2元素和Div水平對齊離開。請幫幫我。謝謝。我可以讓這些元素左對齊水平

<html> 
    <head> 
    </head> 
    <body> 
    <div> 
     <h2>xxx</h2><div>xxxx</div> 
    </div> 
    </body> 
</html>

2012-11-09 Joe.wang

A

回答

1

您可以通過浮在你的代碼對齊元素使H2和DIV float:left;

注：

絕對定位的元素忽略浮動屬性！當浮動元件是比它裏面
元素之前浮動元件後，纔將受影響的浮動元件不會影響元件更寬或更高
浮動元素可以與其它元件的邊緣，邊界和填充區域重疊

2012-11-09 03:21:55

2

可以使用CSS規則是這樣的：

h2{float: left;}

2012-11-09 03:19:39 Fredy

+0

這不會導致他的第二個div（

xxxx

）低於h2元素，除非div也向左浮動。 – mcriecken

+0

檢查這個小提琴：http://jsfiddle.net/ongisnade/Mdx27/。如果第二個div（

xxxx

）仍然落在下面，也許你需要規範化你的css代碼。 – Fredy

+0

你可以在這裏下載標準化的CSS源代碼：http://necolas.github.com/normalize.css/ – Fredy

2

當然可以。你應該爲h2和div設置寬度，並確保它在頁面寬度內。然後你應該使用css風格的float: left。

2012-11-09 03:20:47 Ivin

1

你將不得不在div元素上使用float：left屬性。下面以實例爲的jsfiddle：

<html> 
    <head> 
    </head> 
    <body> 
    <div> 
     <h2>xxx</h2><div id="test">xxxx</div> 
    </div> 
    </body> 
</html>

然後在你的CSS你會：

#test { 

    float: left; 
}

或者，你可以設置你的H2顯示爲一個塊級元素。

h2 { 
    display: block; 
}

這會導致您的div元素降到h2元素以下，因爲將其渲染爲塊會佔用所有水平空間。

2012-11-09 03:22:42 mcriecken

+0

我已經編輯了你的鏈接爲什麼你在已經鏈接時再次粘貼鏈接 –

+0

是的，我注意到了。謝謝。 – mcriecken

0

把這個<head>和</head>

<style> 
     body{ 
      text-align:left; 
     } 
</style>

浮動也將工作之間。奇怪的是，在您的瀏覽器中，它尚未顯示在左側。

2012-11-09 03:26:11 BrenanK

相關問題