/ / DIV губи вертикално подравняване при добавяне на връзка. Как мога да го поддържам вертикално подравнен в средата? - html, css

DIV губи вертикално изравняване при добавяне на връзка. Как мога да го запазя вертикално изравнени в средата? - html, css

Имам маса с един бутон в една от килиите. Когато направя бутона връзка, целият бутон се подравнява в горната част на клетката. Как мога да го държа в средата?

<table class="table-class-1">
<tr>
<td class="td-class-1"><a href="/link"><div class="div-class-1">TEXT IN DIV</div></a>
</td>
</tr>
</table>

.table-class-1 {
max-width:550px;
margin: auto;
}

.td-class-1 {
text-align: center;
vertical-align: middle;
}


.div-class-1 {
background-color: #GGGGGG;
color: #fff;
text-align: center;
vertical-align: middle;
border-radius: 6px;
padding: 5px;
font-size: 18px;
}

Отговори:

2 за отговор № 1

Можете да опитате това:

Работа на цигулка тук

<table class="table-class-1">
<tr>
<td class="td-class-1"><a href="/link"><div class="div-class-1">TEXT IN DIV</div></a>
</td>
</tr>
</table>

Късмет....


1 за отговор № 2
**This would help you. Simple and promising :)
Check out  : http://jsfiddle.net/bV253/2/

Свързани въпроси


Коментари (0)

Добави коментар