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程序设计有所帮助。

Javascript 相关文章推荐
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
Oct 29 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
Javascript实现的StopWatch功能示例
Jun 13 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
JS中appendChild追加子节点无效的解决方法
Oct 14 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
You might like
打造计数器DIY三步曲(下)
2006/10/09 PHP
模仿OSO的论坛(四)
2006/10/09 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
php格式化json函数示例代码
2016/05/12 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
通过 Dom 方法提高 innerHTML 性能
2008/03/26 Javascript
javascript实现的网页局布刷新效果
2008/12/01 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
js中用window.open()打开多个窗口的name问题
2014/03/13 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
2014/09/04 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
python gdal安装与简单使用
2019/08/01 Python
基于python实现雪花算法过程详解
2019/11/16 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
什么是事务?为什么需要事务?
2012/01/09 面试题
建材业务员岗位职责
2013/12/08 职场文书
高二学生评语大全
2014/04/25 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
佛光寺导游词
2015/02/10 职场文书
优秀团员个人总结
2015/02/26 职场文书
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python
MySQL分布式恢复进阶
2022/07/23 MySQL