本文實例講述了JS實現控制表格行內容垂直對齊的方法。分享給大家供大家參考。具體分析如下:
下面的代碼通過表格的vAlign屬性控制表格行的內容垂直對齊,可以置頂、可以居中、可以底部對齊
<!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>希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答