如何將一個div放入一個td單元中，並將其中的一個鏈接垂直和水平放置？

-1

如何在一個td單元格中放置一個div，並在其中放置一個鏈接？如何將一個div放入一個td單元中，並將其中的一個鏈接垂直和水平放置？

<table id="in-logos" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td><div><a>something 1</a></div></td> 
<td><div><a>something 2</a></div></td> 
<td><div><a>something 3</a></div></td> 
<td><div><a>something 4</a></div></td> 
<td><div><a>something 5</a></div></td> 
<td><div><a>something 6</a></div></td> 
<td><div><a>something 7</a></div></td> 
<td><div><a>something 8</a></div></td> 
</tr> 
</table>

表HIGHT 70像素，並且DIV高度60像素如何中心中的鏈接爲軸心的......垂直和水平

這裏是我的CSS，我無法垂直居中（一）內在（DIV>

#in-logos td{ 
    width: 10%; 
    vertical-align: middle; 
} 

#in-logos td div{margin: auto; 
    width: 90%; 
    height: 50px; 
    background-color: white; 
    box-shadow:1px 1px 1px gray; 
    text-align: center; 
    vertical-align: middle; 
} 

#in-logos td div a{ 
    font-family: arial; 
    font-size: 14px; 
    color: #535353; 
}

來源

2014-10-19 iiii

您可以設置「＃位標誌TD格」爲「表芯」的「顯示」屬性和「a」將被垂直居中。顯示：表格單元格不支持ie7及更低版本。

#in-logos td{ 
    width: 10%; 
} 

#in-logos td div{margin: auto; 
    display: table-cell; 
    width: 90%; 
    height: 200px; 
    background-color: white; 
    box-shadow:1px 1px 1px gray; 
    text-align: center; 
    vertical-align: middle; 
} 

#in-logos td div a{ 
    font-family: arial; 
    font-size: 14px; 
    color: #535353; 
} 


<table id="in-logos" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td><div><a>something 1</a></div></td> 
<td><div><a>something 2</a></div></td> 
<td><div><a>something 3</a></div></td> 
<td><div><a>something 4</a></div></td> 
<td><div><a>something 5</a></div></td> 
<td><div><a>something 6</a></div></td> 
<td><div><a>something 7</a></div></td> 
<td><div><a>something 8</a></div></td> 
<td><div><a>something 9</a></div></td> 
<td><div><a>something 10</a></div></td> 

</tr> 
</table>

小提琴：http://jsfiddle.net/LfLpqe6L/

來源

2014-10-19 08:46:37 negativefix

只需使用

td{ 
    text-align:center; 
    }

來源

2014-10-19 05:28:42 Rasel

檢查我F IT幫助：

代碼：

<html> 
<head> 
<style> 
#in-logos td{ 
    width: 10%; 
    vertical-align: middle; 
    height: 50px; 
    background-color: white; 
    box-shadow:1px 1px 1px gray; 
} 

#in-logos td div{margin: auto; 
    width: 90%; 

    text-align: center; 
    vertical-align: middle; 
} 

#in-logos td div a{ 
    font-family: arial; 
    font-size: 14px; 
    color: #535353; 
} 
</style> 
</head> 
<body> 
<table id="in-logos" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td><div><a>something 1</a></div></td> 
<td><div><a>something 2</a></div></td> 
<td><div><a>something 3</a></div></td> 
<td><div><a>something 4</a></div></td> 
<td><div><a>something 5</a></div></td> 
<td><div><a>something 6</a></div></td> 
<td><div><a>something 7</a></div></td> 
<td><div><a>something 8</a></div></td> 
</tr> 
</table> 
</body> 
</html>

小提琴：http://jsfiddle.net/L46ejfj6/

來源

2014-10-19 06:08:32 invinciblejai

這是很好的，但我需要一組特定的高度到div，如果是的話我會在它頂部的文本。 – iiii 2014-10-19 06:48:39

你不能保持高度自動？ – invinciblejai 2014-10-19 07:22:57

如何將一個div放入一個td單元中，並將其中的一個鏈接垂直和水平放置？

回答

相關問題