如何將文本居中放置在表格中？

Question

我有一個表，我想使用垂直對齊，但它不工作。我可以得到數字的大小來加大圖像的大小，所以也許這就是我不能使用它的原因。請幫忙。

http://jsfiddle.net/d7onugrw/1/

td { 
 
    vertical-align: middle; 
 
    text-align: center; 
 
    float: left; 
 
    display: block; 
 
    height: 100%; 
 
}

<table> 
 
    <tr> 
 
    <td><a href="tel:+56966890434">(56-9) 6689 04 34</a> 
 

 
    </td> 
 
    <td> 
 
     <a href="https://plus.google.com/111125806825828710565" rel="publisher"> 
 
     <img alt="google" src="http://www.claudiacabrera.cl/images/google.png" /> 
 
     </a> 
 
     <a href="https://www.facebook.com/pages/Pintura-Claudia-Cabrera"> 
 
     <img alt="facebook" src="http://www.claudiacabrera.cl/images/facebook.png" /> 
 
     </a> 
 
     <a href="https://www.linkedin.com/profile/view?id=176837064&trk=nav_responsive_tab_profile_pic"> 
 
     <img alt="linked in" src="http://www.claudiacabrera.cl/images/linkedin.png" /> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

刪除此，它的變化是進行佈局的方式。你想要它像一個表單元格，而不是浮動元素：

float:left; 

刪除它，它會改變佈局的執行方式。你想讓它奠定了像一個表格單元格，不是塊元素：

display:block; 

刪除此，表格單元格自動填充它們的行（除非他們有rowspan）。

height:100%; 

Answer 2

你爲什麼浮動元素？浮動元素不服從vertical-align屬性

刪除float: left和display: block並且您獲得垂直對齊的內容。

Working demo