国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html中table表格的內容水平和垂直居中顯示

2019-10-26 17:20:49
字體:
來源:轉載
供稿:網友

 在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中指定的樣式,大致如圖所示

這里寫圖片描述

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 三江| 拉萨市| 双江| 青河县| 安陆市| 象山县| 广南县| 宁津县| 迁安市| 绥阳县| 阿瓦提县| 兴文县| 阜平县| 汝南县| 芮城县| 定安县| 楚雄市| 石林| 临猗县| 南阳市| 德保县| 民县| 宁阳县| 黄冈市| 广平县| 铜鼓县| 诸城市| 珠海市| 肇东市| 大理市| 肇东市| 信丰县| 南投市| 高碑店市| 昭平县| 德兴市| 瑞金市| 五峰| 罗山县| 尼勒克县| 虞城县|