码迷,mamicode.com
首页 > 其他好文 > 详细

表格内容位置你想往哪放?

时间:2016-08-02 16:27:26      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

H5中表格大家都很熟悉,但是今天我遇到了一个问题,这个表格标签可能是自己没用过,问题解决不了,后来查手册查到的。可能你们知道,但是我是真不知道。

它就是valign,定义和用法:valign 属性规定单元格中内容的垂直排列方式。而且所有浏览器都支持。语法:

<td valign="value">就是放<td>里面。
对应的它有四个属性值:

技术分享

下面说说我今天遇到的问题:用表格布局出一个简单的网页,我中部的一个表格是一行两列,第一列内容很短,第二列内容比较多。后来导致输入完内容后,第一列的内容是自动剧中的,而要求的是居上的。
确实没遇到过这种问题,也没怎么关注过valign所以导致我去度娘。不过,问题已经解决,真是车到山前必有路啊。下面截图看效果:

技术分享

这是没有加入valign的时候,加入后就变成这样了:如下图

技术分享

代码是这样的:

技术分享

下面还有一些关于table的标签,和大家分享,有一句话也很重要:孰能生巧。

技术分享


 

表格内容位置你想往哪放?

标签:

原文地址:http://www.cnblogs.com/Johnon/p/5729620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!