国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css中表格怎么居中,CSS中表格居中的方法

前端小編 11 0

在CSS中,要使表格居中,可以使用margin: auto;來(lái)自動(dòng)計(jì)算表格的左右邊距,從而實(shí)現(xiàn)居中效果,還需要設(shè)置表格的寬度,以便更好地控制表格的居中位置。

在HTML中創(chuàng)建一個(gè)表格,并設(shè)置其寬度為100%,在CSS中為該表格添加樣式,設(shè)置margin: auto;來(lái)居中表格。

<table width="100%">
  <tr>
    <td>表格內(nèi)容</td>
  </tr>
</table>
table {
  margin: auto;
  width: 100%;
}

這樣,表格就會(huì)在其父元素中水平居中,如果父元素的寬度大于表格的寬度,表格會(huì)居中并填充剩余的空間,如果父元素的寬度小于表格的寬度,表格會(huì)居中并溢出到下一行。

如果需要在表格內(nèi)部將單元格內(nèi)容居中,可以使用text-align: center;來(lái)設(shè)置單元格內(nèi)容的水平對(duì)齊方式。

td {
  text-align: center;
}

這樣,表格中的每個(gè)單元格內(nèi)容都會(huì)水平居中,如果需要垂直居中,可以使用vertical-align: middle;來(lái)設(shè)置單元格內(nèi)容的垂直對(duì)齊方式。

td {
  vertical-align: middle;
}

這樣,表格中的每個(gè)單元格內(nèi)容都會(huì)垂直居中,需要注意的是,vertical-align屬性在HTML5中已被棄用,但在CSS3中仍然可以使用。

 
QQ在線(xiàn)咨詢(xún)
QQ咨詢(xún)
627619058
微信咨詢(xún)
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
女同久久另类99精品国产懂色 | 射人妻| 久久久亚洲色图| 日本在线观看一区二区三区| 国产女人水真多18毛片18精品 | 99热这里只有精品首页| 成人午夜福利免费视频| 性少妇videosexfreexxx| 少妇荡乳欲伦交换A片欧美| 中文字幕乱码人妻一区二区三区四| 欧美日韩高清在线一区| 精品亚洲一区二区三区在线观看 | 1769国产精品视频| 国精产品一区二区三区有限| 国产一卡二卡三卡四卡| 黄色精品久久久| 亚洲国产精品国自产拍av| 91精品国产一区二区在线观看| 97国产精品人妻一区二区| 久久久国产精品| 人人妻人人澡人人爽| babes 性欧美69| 三年免费大片观看大全| 色婷婷一区二区三区亚洲国产精品| 天天躁日日躁狠狠躁很躁| 亚洲一区二区三区免费在线观看| 花吻在上免费观看全集| 国产一精品一aⅴ一免费| 8848在线观看免费观看电视剧大全二年级| 国产乱码精品一区二三| 欧美日韩高清在线一区 | 极品少妇hdxx麻豆hdxx| 91精品人妻一区二区三区果冻| 日本熟妇浓毛hdsex| 国产一区二区内射| 免费国产又色又爽又黄的网站| 暗卫含着她的乳尖H御书屋| 日韩精品毛片免费看| 成人h视频在线观看| 国产午夜精品一区二区三区四区| 中文字幕精品一二三四五六七八|