反正有沒有使用CSS從默認的自頂向下對齊所有位置的文本？

看看我的代碼。反正有沒有使用CSS從默認的自頂向下對齊所有位置的文本？

http://jsfiddle.net/Q8V4H/6/

p元素電話撥號程序中的文本被採用自上而下的方法，而我想，所有位置I，E右上底部，左對齊的中心對齊。這裏是我的代碼生成的示例輸出。

enter image description here

我不希望任何空間存在，而不是文本下載PC撥號器應該由左，右，上，下的DIV即中心對齊，而不只是左右。

這裏是我想要實現的示例圖像。

enter image description here

如果我使用text-align:center只會對齊從左右，而不是從頂部和底部，在這種情況下，我想從頂部和底部對齊過中央的文字。我該怎麼做？

謝謝

來源

2011-06-17 Ibrahim Azhar Armar

您可以使用保證金，對塊元素更好地工作 – Ibu 2011-06-17 06:00:35

我在css中絕對不好，您能否請示例參考我的代碼進行演示？ – 2011-06-17 06:03:01

可能是你必須檢查此鏈接http://stackoverflow.com/questions/5481821/image-center-align-vertically-and-horizontally – sandeep 2011-06-17 06:07:26

<div style="display:table"> 
    <div style="display:table-row"> 
    <div style="display:table-cell;text-align:center;vertical-align:middle;padding:8px"> 
     Download PC Dialer 
    </div> 
    </div> 
    <div style="display:table-row"> 
    <div style="display:table-cell;text-align:center"> 
     <a href="/download"><img src="download.png"></a> 
    </div> 
    </div> 
</div>

這會給你一樣的行爲，就好像你使用了一個沒有實際使用表的語義問題的表。適用於除IE7及以下版本以外的所有瀏覽器。

來源

2011-06-17 06:48:27 SpliFF