html中table表格的内容水平和垂直居中显示
发布时间：2017-03-27 14:50:21 作者：佚名 
我要评论
我要评论这篇文章主要介绍了html中table表格的内容水平和垂直居中显示的相关资料,需要的朋友可以参考下
在CSS样式文件中指定
#class td /*设置表格文字左右和上下居中对齐*/
{
vertical-align: middle;
text-align: center;
}
/*class 是所属的类*/
<div id="class" align="center" style= "margin: 0cm 0cm 0pt; text-align: left">
<table class="table table-bordered" border="1" width="100%" style="font-size: 14pt; color: #000000; font-family: 楷体;mso-ascii-font-family: 'times new roman'; mso-hansi-font-family: 'times new roman'">
<caption><h2 style="text-align: left;font-size: 16pt;font-family: 宋体;color: red;">title</h2><
/caption>
<tbody >
<tr style="font-weight: bold;mso-bidi-font-size: 12.0pt;font-family: 宋体;" >
<td>序号</td>
<td>适用情况</td>
<td>详情</td>
<td>备注</td>
</tr>
<tr>
<td>1</td>
<td>xxxxx</td>
<td style="text-align: left;"> <!--指定靠左对齐-->
<span>
xxxxxx<br>
</span>
</td>
<td><a href="#">查看详情</a>
</td>
</tr>
</tbody>
</table>
</div>
上述是在div指定id为class，则其中table的属性td使用的就是css中指定的样式，大致如图所示
以上所述是小编给大家介绍的html中table表格的内容水平和垂直居中显示,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
- 在Web页面上我们可以使用frame和rules来控制表格边框是否可见,下面我们就来详解HTML中table表格的frame和rules属性,需要的朋友可以参考下2016-07-08
- 这篇文章主要介绍了Div+CSS对HTML的table表格定位用法实例,文中讲到了CSS的定位差异问题需要的朋友可以参考下2016-03-11
- 这篇文章主要介绍了HTML的table表格标签与相关的换行问题,文中给出了强制换行和强制不换行的解决方案,需要的朋友可以参考下2016-02-22
html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式
突然想起几年前用过的一个隐藏样式代码，有些时候用它非常方便，比如想让某块表格TABLE或者DIV里的内容完全看不到，那就加上他，嘿嘿，就隐身了,需要的朋友可以了解下2012-12-21- 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。2011-04-01
- 过去有很多网页设计师喜欢将他们的网页效果图用table布局实现成网页，但是这样做会遇到一个比较麻烦的问题就是，后期调试和维护会相当的困难。现在，越来越多的前端开发er2009-07-30
本文通过实例代码给大家介绍了HTML table 表格边框的实现思路，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2019-10-12
最新评论