2011-07-19 71 views
0

我無法爲我的表格獲取正確的位置。我有這樣的代碼:html - 在目標位置放置表格

<div style="width: 1270px;"> 
    <div> 
    <table style="float:left> 
    <tr><td>something1</td></tr> 
    <tr><td>something2</td></tr> 
    </table> 
    <img src="some_sorce"> 
    <table style="float:left> 
    <tr><td>something3</td></tr> 
    <tr><td>something4</td></tr> 
    </table> 
    </div> 
</div> 

我有兩個問題: 首先我要表被放置在容器div的底部。我在某些地方嘗試某種「垂直對齊」,但對我而言失敗。重要的是我希望圖像處於div中心,「text-align:center」不要這麼做。無論如何,有人可以幫助我嗎?

+1

http:// phr ogz.net/css/vertical-align/index.html。在控制垂直對齊方面,CSS絕對是毫不起眼的。 CSS人們需要從地下室的象牙塔出來,看看現實世界是什麼樣子。 –

+0

我不明白vertical-align好。有一次,它似乎像我期望的那樣工作,下次它的工作不同。我會閱讀尤奧給我閱讀的內容。謝謝。 – krzyhub

回答

0

相反的:

<table> 
<img src="some_sorce"> 

它應該是:

</table> 
<img src="some_sorce"> 

,默認情況下的圖像有顯示:內聯屬性,所以你需要做的是這樣的:

<img src="some_sorce" style="display: block"> 

到center image

+0

對不起。在這裏寫代碼時我犯了錯誤。石頭我死了,/ – krzyhub

+0

或只是'style =「margin:0 auto」'。 –

+0

style =「margin:0 auto」當我把它放在包含img格式時沒有工作,如果我把它作爲樣式到img就不起作用..: – krzyhub