html中table表格的內(nèi)容水平和垂直居中顯示
發(fā)布時間:2017-03-27 14:50:21 作者:佚名
我要評論
這篇文章主要介紹了html中table表格的內(nèi)容水平和垂直居中顯示的相關(guān)資料,需要的朋友可以參考下
在CSS樣式文件中指定
#class td /*設(shè)置表格文字左右和上下居中對齊*/
{
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)容水平和垂直居中顯示,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 在Web頁面上我們可以使用frame和rules來控制表格邊框是否可見,下面我們就來詳解HTML中table表格的frame和rules屬性,需要的朋友可以參考下2016-07-08
- 這篇文章主要介紹了Div+CSS對HTML的table表格定位用法實例,文中講到了CSS的定位差異問題需要的朋友可以參考下2016-03-11
深入解析HTML的table表格標(biāo)簽與相關(guān)的換行問題
這篇文章主要介紹了HTML的table表格標(biāo)簽與相關(guān)的換行問題,文中給出了強制換行和強制不換行的解決方案,需要的朋友可以參考下2016-02-22html 隱藏div HTML里隱藏表格TABLE或者DIV內(nèi)容的css樣式
突然想起幾年前用過的一個隱藏樣式代碼,有些時候用它非常方便,比如想讓某塊表格TABLE或者DIV里的內(nèi)容完全看不到,那就加上他,嘿嘿,就隱身了,需要的朋友可以了解下2012-12-21- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。2011-04-01
HTML的dl、dt、dd標(biāo)記制作表格對決Table制作表
過去有很多網(wǎng)頁設(shè)計師喜歡將他們的網(wǎng)頁效果圖用table布局實現(xiàn)成網(wǎng)頁,但是這樣做會遇到一個比較麻煩的問題就是,后期調(diào)試和維護會相當(dāng)?shù)睦щy?,F(xiàn)在,越來越多的前端開發(fā)er2009-07-30
本文通過實例代碼給大家介紹了HTML table 表格邊框的實現(xiàn)思路,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2019-10-12


