JS實現(xiàn)控制表格行內容垂直對齊的方法
更新時間:2015年03月30日 15:06:09 作者:歐陽不瘋
這篇文章主要介紹了JS實現(xiàn)控制表格行內容垂直對齊的方法,通過javascript的getElementById獲取元素并設置其相應樣式來實現(xiàn)這一功能,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)控制表格行內容垂直對齊的方法。分享給大家供大家參考。具體分析如下:
下面的代碼通過表格的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程序設計有所幫助。
相關文章
JavaScript的數(shù)據(jù)類型轉換原則(干貨)
JavaScript是一門弱類型(或稱動態(tài)類型)的語言,即變量的類型是不確定的。下面通過本文給大家分享javascript數(shù)據(jù)類型轉換小結,包括顯示轉換的數(shù)據(jù)類型和隱式的數(shù)據(jù)類型轉換,感興趣的朋友跟隨腳本一起看看吧2018-03-03Extjs4中tree的拖拽功能(可以兩棵樹之間拖拽) 簡單實例
這篇文章主要介紹了Extjs4中tree的拖拽功能簡單實例,有需要的朋友可以參考一下2013-12-12基于JavaScript實現(xiàn)手機短信按鈕倒計時(超簡單)
在淘寶等購物網站,我們都會看到一個發(fā)送短信倒計時的按鈕,究竟是如何實現(xiàn)的呢?下面小編通過本篇文章給大家分享一段代碼關于js實現(xiàn)手機短信按鈕倒計時,需要的朋友參考下2015-12-12