marge maximale pour l'alignement vertical TD en design responsive

Question

J'ai une table avec 3 colonnes qui contient les photos de la galerie. la colonne droite et gauche sont pour les flèches. Je veux que les flèches soient placées verticalement au milieu de la hauteur, mais dans les grands écrans, je veux limiter la marge supérieure des flèches à pas plus de 80px du haut de la table. Je pense que je cherche quelque chose comme "max-margin"! mais je ne peux pas le gérer à travers des css purs.

<table style="width:100%"> 
<tr> 
    <td style="width:60px;vertical-align:middle"><a>prev</a></td> 
    <td>photos here</td> 
    <td style="width:60px;vertical-align:middle"><a>next</a></td> 
</tr> 
</table> 

image de ce que je pense:

Answer 1

vous pouvez utiliser comme dans l'exemple ci-dessous.

td { 
    vertical-align: middle;  
} 
@media (min-width: 1024px) { 
    td { 
     vertical-align: top; 
     margin-top: 80px; 
     } 
    } 

Cela peut vous être utile.