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 相关文章推荐
javascript parseInt 大改造
Sep 27 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
前端开发过程中浏览器版本的两种判定方法
Oct 30 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
浅谈jquery的map()和each()方法
Jun 12 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
node实现socket链接与GPRS进行通信的方法
May 20 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 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
PHP实现简单注册登录系统
2020/12/28 PHP
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
深入探讨javascript函数式编程
2015/10/11 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
微信JS接口大全
2016/08/25 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
Python基于列表list实现的CRUD操作功能示例
2018/01/05 Python
django-初始配置(纯手写)详解
2019/07/30 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
贝斯特韦斯特酒店集团官网:Best Western
2019/01/03 全球购物
PREMIUM-MALL法国:行李、箱包及配件在线
2019/05/30 全球购物
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
会计专业毕业自荐书范文
2014/02/08 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
教师节寄语2015
2015/03/23 职场文书
警告通知
2015/04/25 职场文书
检举信的写法
2019/04/10 职场文书
Python数据分析之绘图和可视化详解
2021/06/02 Python
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
python运算符之与用户交互
2022/04/13 Python