Html 如何使td小区中的div和其中的链路居中？垂直和水平？_Html_Css

Html 如何使td小区中的div和其中的链路居中？垂直和水平？

html css

Html 如何使td小区中的div和其中的链路居中？垂直和水平？,html,css,Html,Css,如何将一个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&

如何将一个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>

你可以用

 td{
    text-align:center;
    }

检查是否有帮助：

代码：


#在运输署{
宽度：10%；
垂直对齐：中间对齐；
高度：50px；
背景色：白色；
盒影：1px 1px 1px灰色；
}
#在logos td div{margin:auto；
宽度：90%；
文本对齐：居中；
垂直对齐：中间对齐；
}
#运输署署长助理署长{
字体系列：arial；
字体大小：14px；
颜色：#535353；
}
您可以将“#in logos td div”的“display”属性设置为“table cell”，并且“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>

徽标td中的#{
宽度：10%；
}
#在logos td div{margin:auto；
显示：表格单元格；
宽度：90%；
高度：200px；
背景色：白色；
盒影：1px 1px 1px灰色；
文本对齐：居中；
垂直对齐：中间对齐；
}
#运输署署长助理署长{
字体系列：arial；
字体大小：14px；
颜色：#535353；
}
很好，但是我需要为div设置一个特定的高度，如果是这样的话，我会在它的顶部得到文本。你不能保持高度自动吗？
<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>

#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>