我有一个这样的表:
<table class="tg">
<tr>
<th>XXXXXXXXXXXX</th>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</table>
如果文本太长 (XXXXXXXX),我会尝试放置滚动条。我该怎么做?
Fiddle
下面为我创建了一个滚动条。它可以做得更漂亮,但滚动有效。此外,请记住将任何样式提取到适当的 CSS 文件中。
<table class="tg">
<tr>
<th style="width: 100px; display: block; overflow-x: scroll;">XXXXXXXXXxxxxxxxxxxxxxxxxxxxxxxxXXX</th>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</table>
jsFiddle:http://jsfiddle.net/fn6bsduk/