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 相关文章推荐
js身份证验证超强脚本
Oct 26 Javascript
jQuery each()方法的使用方法
Mar 18 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 Javascript
jQuery根据ID、CLASS、等获取对象的实例
Dec 04 Javascript
JavaScript Date 知识浅析
Jan 29 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
通过JavaScript下载文件到本地的方法(单文件)
Mar 17 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
Aug 14 Javascript
jQuery实现影院选座订座效果
Apr 13 jQuery
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
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
php发送邮件的问题详解
2015/06/22 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
javascript 进度条 实现代码
2009/07/30 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
Python while 循环使用的简单实例
2016/06/08 Python
python 字典(dict)按键和值排序
2016/06/28 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
python列表list保留顺序去重的实例
2018/12/14 Python
在python带权重的列表中随机取值的方法
2019/01/23 Python
利用python实现.dcm格式图像转为.jpg格式
2020/01/13 Python
python数据分析:关键字提取方式
2020/02/24 Python
Python3标准库之dbm UNIX键-值数据库问题
2020/03/24 Python
如何用Python 加密文件
2020/09/10 Python
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
建筑人员岗位职责
2013/12/25 职场文书
小班开学寄语
2014/04/04 职场文书
应届硕士毕业生自荐信
2014/05/26 职场文书
银行党员批评与自我批评
2014/10/15 职场文书
经典爱情感言
2015/08/03 职场文书
如何使用SQL Server语句创建表
2022/04/12 SQL Server
Redis唯一ID生成器的实现
2022/07/07 Redis