国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS實現控制表格行內容垂直對齊的方法

2024-05-06 16:17:50
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了JS實現控制表格行內容垂直對齊的方法,通過javascript的getElementById獲取元素并設置其相應樣式來實現這一功能,需要的朋友可以參考下

本文實例講述了JS實現控制表格行內容垂直對齊的方法。分享給大家供大家參考。具體分析如下：

下面的代碼通過表格的vAlign屬性控制表格行的內容垂直對齊，可以置頂、可以居中、可以底部對齊

 

 
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <script> 
  5. function topAlign() 
  6. { 
  7. document.getElementById('tr2').vAlign="top"; 
  8. } 
  9. </script> 
  10. </head> 
  11. <body> 
  12. <table width="50%" border="1"> 
  13. <tr id="tr1"> 
  14. <th>Firstname</th> 
  15. <th>Lastname</th> 
  16. <th>Text</th> 
  17. </tr> 
  18. <tr id="tr2"> 
  19. <td>Peter</td> 
  20. <td>Griffin</td> 
  21. <td>Hello my name is Peter Griffin. 
  22. I need a long text for this example. 
  23. I need a long text for this example.</td> 
  24. </tr> 
  25. </table> 
  26. <br> 
  27. <input type="button" onclick="topAlign()" value="Top-align table row" /> 
  28. </body> 
  29. </html> 

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 靖宇县| 加查县| 新野县| 昌平区| 东乌| 利川市| 潜江市| 河曲县| 莲花县| 临颍县| 珠海市| 苍梧县| 江北区| 罗山县| 义马市| 崇左市| 东乌珠穆沁旗| 呼玛县| 云林县| 安龙县| 龙南县| 黔西| 永平县| 莱西市| 永仁县| 彰化市| 琼海市| 安多县| 宜川县| 武平县| 张家界市| 青铜峡市| 娄烦县| 汪清县| 芦溪县| 佳木斯市| 西昌市| 绵阳市| 长汀县| 霍林郭勒市| 伊宁市|