我有一個動態寬度標題,我希望它在table
的中心,但inline-block
不是正常工作,inline
使它在td
的中心,而不是所有的桌子,我怎樣才能使它在桌子的中心?下面是這個html的例子:居中動態寬度表標題
<table class="hours-table" style="width: 100%;" border="0"><caption>Title</caption>
<tbody>
<tr>
<td>1_1</td>
<td>1_2</td>
<td>1_3</td>
<td>1_4</td>
<td>1_5</td>
</tr>
<tr>
<td>2_1</td>
<td>2_2</td>
<td>2_3</td>
<td>2_4</td>
<td>2_5</td>
</tr>
<tr>
<td>3_1</td>
<td>3_2</td>
<td>3_3</td>
<td>3_4</td>
<td>3_5</td>
</tr>
<tr>
<td>4_1</td>
<td>4_2</td>
<td>4_3</td>
<td>4_4</td>
<td>4_5</td>
</tr>
<tr>
<td>5_1</td>
<td>5_2</td>
<td>5_3</td>
<td>5_4</td>
<td>5_5</td>
</tr>
</tbody>
</table>
非常感謝提前!
這樣你想http://jsfiddle.net/Q9EDU/ – SVS 2012-07-11 18:41:39
均田,問題是,我有一個背景的標題,所以它不能有充分的寬度,因爲它不適合BG,明白嗎? – 2012-07-11 18:47:16
使字幕顯示:block; – SVS 2012-07-11 18:49:27