23406站长网欢迎你的到来,如本站内容对你有所帮助请收藏(www.23406.com)以便下次访问... 网站收录提交入口
当前位置:首页 > 源代码分享 > table表格中的td垂直居中方法

table表格中的td垂直居中方法

table表格中的td垂直居中方法
    table表格中的td垂直居中方法简要概括:站长日常做网站,通常都会用到table表格,常见的table表格排版td垂直居中如何来实现呢?23406小编今日解析td垂直居中方法,内容如下:...
  • 本文网址:http://www.23406.com/yuandaima/1145.html
  • 简略名称:table表格
  • 相关解析:td垂直居中
  • 归属分类: 垂直 table 表格 td 居中
table表格中的td垂直居中方法正文-->
站长日常做网站,通常都会用到table表格,常见的table表格排版td垂直居中如何来实现呢?23406小编今日解析td垂直居中方法,内容如下:

站长在使用table时发现默认文字并不居中,而熟悉的CSS样式居中的代码为text-align,但是在实际的应用中text-align:center只会横向左右居中,那么td中的文字垂直居中怎么办?

table表格中的td垂直居中方法:可以使用vertical-align:middle;
 
table文字垂直居中
CSS让table中的文字垂直居中,使用vertical-align:middle;即可:
td{vertical-align:middle;}

下面举个例子:
在CSS中添加这个样式就可以垂直居中了,当然如果直接在td上加可以这样写:
 
<table>
  <tr>
    <td style="vertical-align:middle;text-align:center;">我是table表格中的td文字,我垂直居中</td>
  </tr>
</table>
 
<table>
  <tr>
    <td style="vertical-align:middle;text-align:center;">我是table表格中的td文字,我垂直居中</td>
  </tr>
</table>
 
根据上述实例中,文字不仅是左右居中,垂直方向也是居中的,以上就是今天23406小编介绍的table表格中的td居中方法,如还有其它疑问请访问23406网(http://www.23406.com/)反馈。
 
  • 简介
  • 收录
  • 分类
上一篇:ThinkPHP-MVC分层介绍 下一篇:Parse error: syntax error, unexpected '.', expecting '&' or T_VARIABLE in
Alexa排名/搜索流量占比
  • table表格中的td垂直居中方法Alexa排名
  • table表格中的td垂直居中方法搜索流量占比
相关站点