【问题标题】:what is alignment css style for table layout?什么是表格布局的对齐 CSS 样式?
【发布时间】:2010-10-16 01:16:07
【问题描述】:

我有一个 html 表格。我更喜欢将表格布置为居中。这个布局的 css 样式是什么?还有任何在线 css 工具可以交互式地查看样式变化吗?

【问题讨论】:

    标签: css


    【解决方案1】:

    如果我没记错的话,它是text-align 属性。还是您的意思是在 html 页面中将表格居中?

    【讨论】:

      【解决方案2】:

      鉴于此 HTML:

      <div>
        <table>
          <!-- contents -->
        </table>
      </div>
      

      你可以使用这个 CSS:

      div{
        margin:0 auto;
        text-align:center;
      }
      div table{
        margin:0 auto;
        text-align:left;
      }
      

      如果您将margin: 0 auto 应用到table,大多数浏览器已经可以工作了。

      不过,text-align CSS 使它适用于更挑剔的浏览器。具体来说,text-align: center 将使table 居中,但由于它会产生同时居中每个单元格内容的副作用,因此您需要将text-align: left 应用于表格以重置该属性。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-04-08
        • 2017-04-29
        • 1970-01-01
        • 2012-07-13
        • 2012-12-09
        • 2012-07-24
        相关资源
        最近更新 更多