css怎么设置table居中?

一般情况下,页面中可以利用align进行页面的居中、靠左或者靠右对齐,但是采用CSS样式表来做更简单一些,下面我们来看一下使用css设置table居中的方法。

css设置居中的方法:

1、利用margin属性设置table居中

html代码:

<div>
  <table>
    <tr>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td></tr>
    <tr>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td></tr>
    <tr>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td></tr>
    <tr>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td>
      <td>内容</td></tr>
  </table>
</div>

css代码:

table{margin:0px auto}
div{border:1px solid #F00}

效果图:

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

以上就是css怎么设置table居中?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读