我有这个代码:
<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; }
由于某些原因,表中的文本仍然不居中。为什么?如何将文本放在表格中心?
要使它真的清楚:例如,我想“Lorem”坐在四个“1”的中间。
解决方法
.table td的文本对齐设置为left,而不是center:
添加此应该居中:
.table td { text-align: center; }