本文摘自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>
|
阅读剩余部分
相关阅读 >>
Html是干什么的
Html中的name属性的有哪些作用?默认的name属性又是什么?
Html站点怎么命名?
快速了解ui组件功能设计
Html的计算机代码元素有哪些
Html5 main标签怎么居中?main标签的居中实例介绍
Html canvas截取圆角图片的实现方法
Html input如何只能输入数字
学Html有什么用
Html中插入文本ins标签和删除文本del标签如何一起使用?(附实例)
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html中table表格的内容水平和垂直居中显示