编程 Javascript

JS实现控制表格行内容垂直对齐的方法

Posted in Javascript onMarch 30, 2015

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

下面的代码通过表格的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程序设计有所帮助。

JS实现控制表格行内容垂直对齐的方法

- Author -

欧阳不疯

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

Javascript 相关文章推荐

JavaScript 脚本将当地时间转换成其它时区

Mar 19 Javascript

javascript学习笔记(八) js内置对象

Jun 19 Javascript

如何用js控制frame的隐藏或显示的解决办法

Mar 20 Javascript

Html中 IFrame的用法及注意点

Dec 22 Javascript

开源免费天气预报接口API及全国所有地区代码(国家气象局提供）

Dec 26 Javascript

图解Javascript——作用域、作用域链、闭包

Mar 21 Javascript

详解vue的数据binding绑定原理

Apr 12 Javascript

vue中路由验证和相应拦截的使用详解

Dec 13 Javascript

总结js中的一些兼容性易错的问题

Dec 18 Javascript

vue-router history模式下的微信分享小结

Jul 05 Javascript

vue-cli3.0+element-ui上传组件el-upload的使用

Dec 03 Javascript

Node.js 的 GC 机制详解

Jun 03 Javascript

JS实现控制表格内指定单元格内容对齐的方法

Mar 30 #Javascript

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

Mar 30 #Javascript

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