html中table表格的內(nèi)容水平和垂直居中顯示
發(fā)布時間：2017-03-27 14:50:21 作者：佚名 
我要評論
我要評論這篇文章主要介紹了html中table表格的內(nèi)容水平和垂直居中顯示的相關資料,需要的朋友可以參考下
在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表格的內(nèi)容水平和垂直居中顯示,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
- 在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內(nèi)容的css樣式
突然想起幾年前用過的一個隱藏樣式代碼，有些時候用它非常方便，比如想讓某塊表格TABLE或者DIV里的內(nèi)容完全看不到，那就加上他，嘿嘿，就隱身了,需要的朋友可以了解下2012-12-21- 表格邊框的顯示與隱藏，是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖，而不影晌單元格。2011-04-01
- 過去有很多網(wǎng)頁設計師喜歡將他們的網(wǎng)頁效果圖用table布局實現(xiàn)成網(wǎng)頁，但是這樣做會遇到一個比較麻煩的問題就是，后期調(diào)試和維護會相當?shù)睦щy。現(xiàn)在，越來越多的前端開發(fā)er2009-07-30
本文通過實例代碼給大家介紹了HTML table 表格邊框的實現(xiàn)思路，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-10-12
