2013-08-19 97 views
1

我很新的CSS,並不知道如何完成以下內容。我有表格數據。一些數據元素具有與它們相關聯的圖像。我希望單元格中的文本左對齊,並且我希望同一單元格中的圖像居中。CSS左表中的文字,居中圖像

換句話說,除了在一個表格單元格內,我需要和以下相同的結果。

<p>Some text.</p> 
<img style="display:block;margin-left:auto;margin-right:auto;" src="myimage.jpg"/> 

我該如何做到這一點?當我嘗試將其放置在td元素中時,文本和圖像都位於左側。

+0

嗯,可能已經回答了我自己的問題。當我設置表格的寬度爲100%時,它似乎達到了目的。 – Tad

回答

2

要使用邊緣到中心的元素,你需要有一組寬度:

<p style="text-align: left;">Some text.</p> 
<img style="display:block;margin-left:auto;margin-right:auto; width:200px;" src="myimage.jpg"/> 

另外,還要考慮把你的風格在external stylesheet和使用selectors來定位元素。

+0

謝謝。這似乎證實了我通過強制表格寬度成爲整頁來發現的內容。我在外部樣式表中有我的樣式......上面的代碼只是我試圖完成的一個簡短例子。 – Tad

+0

Gotcha,只是想確保;) –

0

設置您的圖像具有絕對定位,它應該以你想要的方式工作。但是,除非爲文本元素設置了固定寬度,否則文本不會像您的想法那樣運行。