html中table表格的內容水平和垂直居中顯示實例程式碼

這篇文章主要介紹了html中table表格的內容水平和垂直居中顯示的相關資料,需要的朋友可以參考下

 在CSS樣式檔案中指定

#class td /*设置表格文字左右和上下居中对齐*/ 
{  
    vertical-align: middle;
    text-align: center;  
}
/*class 是所属的类*/
<p>                                                                      
</p>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

title

                                                              

序号	适用情况	详情	备注
1	xxxxx	xxxxxx	查看详情

 

上述是在p指定id為class，則其中table的屬性td使用的就是css中指定的樣式，大致如圖所示

#

以上是html中table表格的內容水平和垂直居中顯示實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！