编程 Javascript

JS实现控制表格单元格垂直对齐的方法

Posted in Javascript onMarch 30, 2015

本文实例讲述了JS实现控制表格单元格垂直对齐的方法。分享给大家供大家参考。具体如下：

下面的代码控制指定的单元格靠底部垂直对齐

<!DOCTYPE html>
<html>
<head>
<script>
function valignCell()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].vAlign="bottom";
}
</script>
</head>
<body>
<table id="myTable" border="1" height="70%">
<tr>
<td>First cell</td>
<td>Second cell</td>
</tr>
<tr>
<td>Third cell</td>
<td>Fourth cell</td>
</tr>
</table>
<form>
<input type="button" onclick="valignCell()"
value="Vertical align cell content">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

JS实现控制表格单元格垂直对齐的方法

- Author -

欧阳不疯

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 图片上一张下一张链接效果（续篇）

Apr 20 Javascript

JS 类型转换常见方法小结

May 31 Javascript

一行代码告别document.getElementById

Jun 01 Javascript

JS实现图片翻书效果示例代码

Sep 09 Javascript

Extjs中RowExpander控件的默认展开问题示例探讨

Jan 24 Javascript

JavaScript创建一个object对象并操作对象属性的用法

Mar 23 Javascript

Js实现自定义右键行为

Mar 26 Javascript

JQuery遍历元素的父辈和祖先的方法

Sep 18 Javascript

详解浏览器缓存和webpack缓存配置

Jul 06 Javascript

javascript网页随机点名实现过程解析

Oct 15 Javascript

JS如何判断对象是否包含某个属性

Aug 29 Javascript

vue 通过base64实现图片下载功能

Dec 19 Vue.js

JavaScript动态改变表格单元格内容的方法

Mar 30 #Javascript

Node.js中的流（Stream）介绍

Mar 30 #Javascript

Node.js 异步编程之 Callback介绍（一）

Mar 30 #Javascript

js动态修改表格行colspan列跨度的方法

Mar 30 #Javascript

jQuery使用hide方法隐藏页面上指定元素的方法

Mar 30 #Javascript

jquery使用hide方法隐藏指定id的元素

Mar 30 #Javascript

jQuery使用hide方法隐藏指定元素class样式用法实例

Mar 30 #Javascript