/ / DIV verliert beim Hinzufügen der Verknüpfung die vertikale Ausrichtung. Wie kann ich es vertikal in der Mitte halten? - html, css

DIV verliert die vertikale Ausrichtung beim Hinzufügen eines Links. Wie kann ich es vertikal in der Mitte ausgerichtet halten? - html, CSS

Ich habe eine Tabelle mit einem Knopf in einer der Zellen. Wenn ich die Schaltfläche zu einem Link mache, wird die gesamte Schaltfläche an den oberen Rand der Zelle ausgerichtet. Wie kann ich es in der Mitte halten?

<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;
}

Antworten:

2 für die Antwort № 1

Sie können dies versuchen:

Geige hier arbeiten

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

Viel Glück....


1 für die Antwort № 2
**This would help you. Simple and promising :)
Check out  : http://jsfiddle.net/bV253/2/

Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen