国产探花免费观看_亚洲丰满少妇自慰呻吟_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中指定的樣式,大致如圖所示

這里寫圖片描述

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

圖片精選

主站蜘蛛池模板: 韶关市| 大城县| 镇安县| 罗甸县| 拜城县| 德江县| 白玉县| 宜章县| 永丰县| 旺苍县| 裕民县| 泾源县| 惠州市| 泰州市| 新田县| 本溪市| 抚松县| 宁夏| 凭祥市| 瓮安县| 桓台县| 黔西县| 红安县| 大宁县| 云梦县| 兴仁县| 青岛市| 扶沟县| 陇川县| 合肥市| 敦煌市| 新民市| 枣庄市| 抚远县| 靖宇县| 城口县| 庄河市| 辽阳县| 仁化县| 周口市| 安溪县|