Maison > Article > interface Web > Méthode JS pour contrôler l'alignement vertical des compétences content_javascript des lignes du tableau
L'exemple de cet article décrit la méthode JS pour contrôler l'alignement vertical du contenu des lignes du tableau. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Le code suivant contrôle l'alignement vertical du contenu des lignes du tableau via l'attribut vAlign du tableau, qui peut être aligné en haut, centré ou en bas
<!DOCTYPE html> <html> <head> <script> function topAlign() { document.getElementById('tr2').vAlign="top"; } </script> </head> <body> <table width="50%" border="1"> <tr id="tr1"> <th>Firstname</th> <th>Lastname</th> <th>Text</th> </tr> <tr id="tr2"> <td>Peter</td> <td>Griffin</td> <td>Hello my name is Peter Griffin. I need a long text for this example. I need a long text for this example.</td> </tr> </table> <br> <input type="button" onclick="topAlign()" value="Top-align table row" /> </body> </html>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.