本文摘自PHP中文网,作者不言,侵删。
这篇文章主要介绍了html中table表格的内容水平和垂直居中显示的相关资料,需要的朋友可以参考下 在CSS样式文件中指定
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | # class td
{
vertical-align: middle;
text-align: center;
}
<p 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>
</p>
|
阅读剩余部分
相关阅读 >>
link标签是什么意思?
latex的文件如何转Html
Html tr标签怎么用
在Html中怎样可以做到下拉菜单提交后保留选中值不返回默认值
Html的meta标签有什么用?Html中meta标签属性的相关用法
Html中<p>和<br>的区别是什么
Html 5 画布 vs svg
如何选择web前端模板引擎(推荐)
Html是啥
Html标准写法与dreamweaver生成代码有哪些不一样
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html中table表格的内容水平和垂直居中显示