亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

html中table表格的內(nèi)容水平和垂直居中顯示

  發(fā)布時(shí)間:2017-03-27 14:50:21   作者:佚名   我要評(píng)論
這篇文章主要介紹了html中table表格的內(nèi)容水平和垂直居中顯示的相關(guān)資料,需要的朋友可以參考下

 在CSS樣式文件中指定

#class td /*設(shè)置表格文字左右和上下居中對(duì)齊*/ 
{  
    vertical-align: middle;
    text-align: center;  
}
/*class 是所屬的類(lèi)*/
<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>序號(hào)</td>                                                                      
<td>適用情況</td>                                                                      
 <td>詳情</td>                                                                       
<td>備注</td>                                                                   
 </tr>                                                                                                                                       
<tr>                                                                    
<td>1</td>                                                                     
<td>xxxxx</td>                                                                      
<td style="text-align: left;"> <!--指定靠左對(duì)齊-->                                                                     
 <span>                                                                             
xxxxxx<br>                                                                                                                                                        
</span>                                                                      
</td>                                                                       
<td><a href="#">查看詳情</a>
</td>                                                              
</tr>                                                
</tbody>                                                          
</table> 
</div>

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

這里寫(xiě)圖片描述

以上所述是小編給大家介紹的html中table表格的內(nèi)容水平和垂直居中顯示,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論