这篇文章主要介绍了html中table表格的内容水平和垂直居中显示的相关资料,需要的朋友可以参考下

 

　　在CSS样式文件中指定

 

　　

 

　　

 

　　#classtd/*设置表格文字左右和上下居中对齐*/

 

　　{

 

　　vertical-align:middle;

 

　　text-align:center;

 

　　}

 

　　/*class是所属的类*/

 

　　<pid="class"align="center"style="margin:0cm0cm0pt;text-align:left">

 

　　<tableclass="tabletable-bordered"border="1"width="100%"style="font-size:14pt;color:#000000;font-family:楷体;mso-ascii-font-family:'timesnewroman';mso-hansi-font-family:'timesnewroman'">

 

　　<caption><h2style="text-align:left;font-size:16pt;font-family:宋体;color:red;">title</h2><

 

　　/caption>

 

　　<tbody>

 

　　<trstyle="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>

 

　　<tdstyle="text-align:left;"><!--指定靠左对齐-->

 

　　<span>

 

　　xxxxxx<br>

 

　　</span>

 

　　</td>

 

　　<td><ahref="#">查看详情</a>

 

　　</td>

 

　　</tr>

 

　　</tbody>

 

　　</table>

 

　　</p>








本文转载自中文网