JS實現(xiàn)控制表格行內(nèi)容垂直對齊的方法
更新時間：2015年03月30日 15:06:09 作者：歐陽不瘋
這篇文章主要介紹了JS實現(xiàn)控制表格行內(nèi)容垂直對齊的方法,通過javascript的getElementById獲取元素并設(shè)置其相應(yīng)樣式來實現(xiàn)這一功能,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)控制表格行內(nèi)容垂直對齊的方法。分享給大家供大家參考。具體分析如下：
下面的代碼通過表格的vAlign屬性控制表格行的內(nèi)容垂直對齊，可以置頂、可以居中、可以底部對齊
<!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程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了基于ssm框架實現(xiàn)layui分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
使用onbeforeunload屬性后的副作用...2007-03-03
這篇文章主要介紹了javascript判斷變量是否有值的方法,可實現(xiàn)有效判斷值的功能,非常具有實用價值,需要的朋友可以參考下2015-04-04
JavaScript實現(xiàn)彈出模態(tài)窗體并接受傳值的方法
這篇文章主要介紹了JavaScript實現(xiàn)彈出模態(tài)窗體并接受傳值的方法,涉及JavaScript模態(tài)窗體的實現(xiàn)及基于URL的傳值操作技巧,需要的朋友可以參考下2016-02-02
xmlplus組件設(shè)計系列之文本框（TextBox)（3）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設(shè)計系列之文本框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
JavaScript學(xué)習筆記之創(chuàng)建對象
在JavaScript中對象是一種基本的數(shù)據(jù)類型，在數(shù)據(jù)結(jié)構(gòu)上是一種散列表，可以看作是屬性的無序集合，除了原始值其他一切都是對象。這篇文章主要給大家介紹JavaScript學(xué)習筆記之創(chuàng)建對象，需要的朋友參考下吧2016-03-03
本篇文章主要介紹了Javascript邏輯運算符"或"的巧用實例，希望對大家有所幫助，下面就隨小編一起來看看吧2016-12-12
這篇文章主要是對JavaScript作用域和作用域鏈作簡單的介紹，希望能幫助大家更好的學(xué)習JavaScript2013-12-12
面板樣式除了內(nèi)容之外，還有一個面板頭部可以添加標題，讓我們通過這篇文章看看Bootstrap面板樣式的使用方法2017-01-01
reduce()方法對數(shù)組中的每個元素按序執(zhí)行一個提供的reducer函數(shù),每一次運行 reducer會將先前元素的計算結(jié)果作為參數(shù)傳入,最后將其結(jié)果匯總為單個返回值,今天我們就介紹一下reduce的幾種簡單使用場景,需要的朋友可以參考下2023-08-08