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