td 셀의 div와 그 안의 링크를 중앙에 배치하는 방법은 무엇입니까?
<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>
table hight 70px 및 div height 60px 세로 및 가로 모두 가운데에 링크를 중앙에 배치하는 방법
여기에 내 CSS가 있습니다. (a)를 (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;
}
"# in-logos td div"의 "display"속성을 "table-cell"로 설정할 수 있으며 "a"는 세로 중앙에 배치됩니다. display : table-cell은 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>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다