如何将文本置于Twitter Bootstrap中的表格中?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (31)

我有这样的代码:

<table class="table">
        <thead>
            <tr>
                <th>1</th>
                <th>1</th>
                <th>1</th>
                <th>1</th>
                <th>2</th>
                <th>2</th>
                <th>2</th>
                <th>2</th>
                <th>3</th>
                <th>3</th>
                <th>3</th>
                <th>3</th>
                <th>4</th>
                <th>4</th>
                <th>4</th>
                <th>4</th>
                <th>5</th>
                <th>5</th>
                <th>5</th>
                <th>5</th>
                <th>6</th>
                <th>6</th>
                <th>6</th>
                <th>6</th>
                <th>7</th>
                <th>7</th>
                <th>7</th>
                <th>7</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td colspan="4">Lorem</td>
                <td colspan="4">ipsum</td>
                <td colspan="4">dolor</td>
                <td colspan="4">sit</td>
                <td colspan="4">amet</td>
                <td colspan="4">Lorem</td>
                <td colspan="4">ipsum</td>
            </tr>
        </tbody>
    </table>​



@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

    table,
    thead,
    tr,
    tbody,
    th,
    td {
        text-align: center;
    }

Fiddle

如何将表格中的文字居中?

提问于
用户回答回答于

.table td的文本对齐设置为左侧,而不是居中:

添加这:

.table td {
   text-align: center;   
}

用户回答回答于

在Bootstrap 3(3.0.3)中,将“text-center”类添加到td元素。 即,以下内容居中:‘

’ <td class =“text-center”>文字</ td>

扫码关注云+社区