blocks|key|728444|text|首先，创建表的display:+block|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|728445|然后，将overflow-x:设置为auto。|728446|table+{
++++display:+block;
++++overflow-x:+auto;
++++white-space:+nowrap;
}|code-block|syntax|javascript|728447|干净利落。没有多余的格式。|728448|这是我网站上的一个页面上的more+involved+examples+with+scrolling+table+captions。|728449|如果出现单元格未填满整个表格的问题，请附加以下CSS代码：|728450|table+tbody+{
++++display:+table;
++++width:+100%25;
}|728451|entityMap|0|LINK|mutability|MUTABLE|url|https://hamwaves.com/tapers/en/index.html#material^0|7|E|0|4|B|I|4|0|0|0|D|1G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1B|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1C|8|@]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|Q|3|R|5|6|7|1G|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1H|8|@]|D|@]|E|$K|L]]|$1|U|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

<h1>First, make a <code>display: block</code> of your table</h1>
<p>then, set <code>overflow-x:</code> to <code>auto</code>.</p>
<pre><code>table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
</code></pre>
<p>Nice and clean. No superfluous formatting.</p>
<p>Here are <a href="https://hamwaves.com/tapers/en/index.html#material" rel="noreferrer">more involved examples with scrolling table captions</a> from a page on my website.</p>
<p>If an issue is taken about cells not filling the entire table, append the following additional CSS code:</p>
<pre><code>table tbody {
    display: table;
    width: 100%;
}
</code></pre>


blocks|key|944495|text|将表格包装在DIV中，并使用以下样式设置：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944496|div.wrapper+{
++width:+500px;
++height:+500px;
++overflow:+auto;
}|code-block|syntax|javascript|944497|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Wrap the table in a DIV, set with the following style:</p>

<pre><code>div.wrapper {
  width: 500px;
  height: 500px;
  overflow: auto;
}
</code></pre>


blocks|key|728648|text|这是对Serge+Stroobandt's+answer的改进，可以完美地工作。它解决了表在列数较少时不能填满整个页面宽度的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|728649|<style>+
+.table_wrapper{
++++display:+block;
++++overflow-x:+auto;
++++white-space:+nowrap;
}
</style>

<div+class="table_wrapper">
<table>
...
</table>
</div>|code-block|syntax|javascript|728650|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/posts/30423904/revisions^0|3|I|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>This is an improvement of <a href="https://stackoverflow.com/posts/30423904/revisions">Serge Stroobandt's</a> answer and works perfectly. It solves the issue of the table not filling the whole page width if it has less columns.</p>

<pre><code>&lt;style&gt; 
 .table_wrapper{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
&lt;/style&gt;

&lt;div class="table_wrapper"&gt;
&lt;table&gt;
...
&lt;/table&gt;
&lt;/div&gt;
</code></pre>


blocks|key|728343|text|为此，请使用CSS属性"overflow“。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|728344|简短摘要：|728345|overflow:+visible%7Chidden%7Cscroll%7Cauto%7Cinitial%7Cinherit;|code-block|syntax|javascript|728346|例如：|728347|table+{
++++display:+block;
++++overflow:+scroll;
}|728348|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/cssref/pr_pos_overflow.asp^0|C|8|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>Use the CSS attribute "<a href="http://www.w3schools.com/cssref/pr_pos_overflow.asp" rel="noreferrer">overflow</a>" for this.</p>

<p>Short summary:</p>

<pre><code>overflow: visible|hidden|scroll|auto|initial|inherit;
</code></pre>

<p>e.g.</p>

<pre><code>table {
    display: block;
    overflow: scroll;
}
</code></pre>


blocks|key|944833|text|编辑：@WickyNilliams指出，在表体上设置display:+block将剥离表的语义，因此由于可访问性问题，这不是一个好的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944834|我使用@Serge+Stroobandt提出的解决方案取得了很好的成功，但我遇到了@Shevy处理单元格时没有填满整个表格宽度的问题。我能够通过向tbody添加一些样式来修复这个问题。|offset|length|style|CODE|944835|table+{
++display:+block;
++overflow-x:+auto;
++white-space:+nowrap;
}

table+tbody+{
++display:+table;
++width:+100%25;
}|code-block|syntax|javascript|944836|这对我在Mac上的Firefox、Chrome和Safari都很有效。|944837|entityMap^0|0|21|5|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Edit:  @WickyNilliams has noted that setting display: block on a table body will strip the table of semantics and thus is not a good solution due to accessibility issues.</p>
<p>I had good success with the solution proposed by @Serge Stroobandt, but I encountered the problem @Shevy had with the cells then not filling the full width of the table.  I was able to fix this by adding some styles to the <code>tbody</code>.</p>
<pre><code>table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

table tbody {
  display: table;
  width: 100%;
}
</code></pre>
<p>This worked for me in Firefox, Chrome, and Safari on Mac.</p>


blocks|key|728567|text|我不能让上面的任何一个解决方案起作用。然而，我发现了一个技巧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|728568|​|728569|body+{
++background-color:+#ccc;
}

.container+{
++width:+300px;
++background-color:+white;
}

table+{
++width:+100%25;
++border-collapse:+collapse;
}

td+{
++border:+1px+solid+black;
}

/*+try+removing+the+"hack"+below+to+see+how+the+table+overflows+the+.body+*/
.hack1+{
++display:+table;
++table-layout:+fixed;
++width:+100%25;
}

.hack2+{
++display:+table-cell;
++overflow-x:+auto;
++width:+100%25;
}|code-block|syntax|javascript|728570|<div+class="container">

++<div+class="hack1">
++++<div+class="hack2">

++++++<table>
++++++++<tr>
++++++++++<td>table+or+other+arbitrary+content</td>
++++++++++<td>that+will+cause+your+page+to+stretch</td>
++++++++</tr>
++++++++<tr>
++++++++++<td>uncontrollably</td>
++++++++++<td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
++++++++</tr>
++++++</table>

++++</div>
++</div>

</div>|728571|728572|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>I couldn't get any of the above solutions to work. However, I found a hack:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>body {
  background-color: #ccc;
}

.container {
  width: 300px;
  background-color: white;
}

table {
  width: 100%;
  border-collapse: collapse;
}

td {
  border: 1px solid black;
}

/* try removing the "hack" below to see how the table overflows the .body */
.hack1 {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.hack2 {
  display: table-cell;
  overflow-x: auto;
  width: 100%;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;

  &lt;div class="hack1"&gt;
    &lt;div class="hack2"&gt;

      &lt;table&gt;
        &lt;tr&gt;
          &lt;td&gt;table or other arbitrary content&lt;/td&gt;
          &lt;td&gt;that will cause your page to stretch&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;uncontrollably&lt;/td&gt;
          &lt;td&gt;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;

    &lt;/div&gt;
  &lt;/div&gt;

&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|944520|text|我也遇到了同样的问题。我发现了以下解决方案，它只在Chrome+v31上测试过：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944521|table+{
++++table-layout:+fixed;
}

tbody+{
++++display:+block;
++++overflow:+scroll;
}|code-block|syntax|javascript|944522|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I was running into the same issue. I discovered the following solution, which has only been tested in Chrome v31:</p>

<pre><code>table {
    table-layout: fixed;
}

tbody {
    display: block;
    overflow: scroll;
}
</code></pre>


blocks|key|728798|text|将表格插入到div中，这样表格将包含完整的长度|type|unstyled|depth|inlineStyleRanges|entityRanges|data|728799|HTML|728800|<div+class="scroll">
+<table>++</table>
</div>+++|code-block|syntax|javascript|728801|CSS|728802|.scroll{
++++overflow-x:+auto;
++++white-space:+nowrap;
}|728803|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Insert the table inside a div, so the table will take full length</p>
<p>HTML</p>
<pre><code>&lt;div class=&quot;scroll&quot;&gt;
 &lt;table&gt;  &lt;/table&gt;
&lt;/div&gt;   
</code></pre>
<p>CSS</p>
<pre><code>.scroll{
    overflow-x: auto;
    white-space: nowrap;
}
</code></pre>


blocks|key|944964|text|使用引导程序|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944965|+<div+class="table-responsive">
+++<table+class="table">
+++++...
+++</table>
+</div>|code-block|syntax|javascript|944966|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>With bootstrap</p>
<pre><code> &lt;div class=&quot;table-responsive&quot;&gt;
   &lt;table class=&quot;table&quot;&gt;
     ...
   &lt;/table&gt;
 &lt;/div&gt;
</code></pre>


blocks|key|944714|text|我基于previous+solution+and+it's+comment得出了这个答案，并添加了一些我自己的调整。这在响应表上对我有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|944715|table+{
++display:+inline-block;
++overflow-x:+auto;
++white-space:+nowrap;
++//+make+fixed+table+width+effected+by+overflow-x
++max-width:+100%25;
++//+hide+all+borders+that+make+rows+not+filled+with+the+table+width
++border:+0;
}
//+add+missing+borders
table+td+{
++border:+1px+solid;
}|code-block|syntax|javascript|944716|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/30423904/8431734^0|3|Y|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>I figured out this answer based on <a href="https://stackoverflow.com/a/30423904/8431734">previous solution and it's comment</a> and added some adjustments of my own. This works for me on the responsive table.</p>

<pre><code>table {
  display: inline-block;
  overflow-x: auto;
  white-space: nowrap;
  // make fixed table width effected by overflow-x
  max-width: 100%;
  // hide all borders that make rows not filled with the table width
  border: 0;
}
// add missing borders
table td {
  border: 1px solid;
}
</code></pre>


blocks|key|944873|text|桌子上的“超过100%25的宽度”真的让它对我来说很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|944874|​|944875|.table-wrap+{
++++width:+100%25;
++++overflow:+auto;
}

table+{
++++table-layout:+fixed;
++++width:+200%25;
}|code-block|syntax|javascript|944876|944877|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>The 'more than 100% width' on the table really made it work for me.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.table-wrap {
    width: 100%;
    overflow: auto;
}

table {
    table-layout: fixed;
    width: 200%;
}</code></pre>
</div>
</div>
</p>


blocks|key|728882|text|无论如何，我找到的最好的答案是：https://github.com/filamentgroup/tablesaw/issues/58#issuecomment-63966574|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|728883|table.tablesaw
{
++++table-layout:+fixed;
++++max-width:+none;
++++width:+auto;
++++min-width:+100%25;
}|code-block|syntax|javascript|728884|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/filamentgroup/tablesaw/issues/58#issuecomment-63966574^0|G|21|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>For what it's worth, the best answer I found was here:
<a href="https://github.com/filamentgroup/tablesaw/issues/58#issuecomment-63966574" rel="nofollow noreferrer">https://github.com/filamentgroup/tablesaw/issues/58#issuecomment-63966574</a></p>
<pre><code>table.tablesaw
{
    table-layout: fixed;
    max-width: none;
    width: auto;
    min-width: 100%;
}
</code></pre>


blocks|key|728938|text|我尝试了上面所有的解决方案，但遇到了一些问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|728939|如果我们将display:+'block'添加到表格中，单元格不会占据整个宽度。如果我们将其添加到表格包装器中，您的自定义表格标题，如搜索，过滤器等也将滚动，这将看起来很糟糕。|offset|length|style|CODE|728940|通过将overflow-x:+auto添加到表的主体包装器中，我能够实现预期的行为。|728941|即使列数较少，单元格也会采用全宽，并且会根据需要自动显示滚动条。|728942|entityMap^0|0|5|G|0|3|G|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|M|$]]

<p>I tried all the above solutions but had some issues with them.</p>
<p>If we add <code>display: 'block'</code> to the table, the cells do not occupy the full width.
If we add it to the table wrapper, your custom table header like search, filter etc will also scroll which will look bad.</p>
<p>I was able to achieve the expected behaviour by adding <code>overflow-x: auto</code> to the body wrapper of the table.</p>
<p>Cells take full width even with less columns and a scroll bar appears automatically as needed.</p>


blocks|key|945142|text|使用style="overflow-x:auto“将标记表添加到div元素|type|unstyled|depth|inlineStyleRanges|entityRanges|data|945143|<div+style="overflow-x:auto">
<table+class="table+table-bordered">
++++<thead>
++++++++<tr>
++++++++++++<th><b>Name</b></th>
++++++++++++<th><b>Username</b></th>
++++++++++++<th><b>Email</b></th>
++++++++++++<th><b>Avatar</b></th>
++++++++++++<th><b>Status</b></th>
++++++++++++<th><b>Action</b></th>
++++++++</tr>
++++</thead>
++++<tbody>
++++</tbody>
</table>|code-block|syntax|javascript|945144|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>add tag table to div element with style=&quot;overflow-x:auto&quot;</p>
<pre><code>&lt;div style=&quot;overflow-x:auto&quot;&gt;
&lt;table class=&quot;table table-bordered&quot;&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;&lt;b&gt;Name&lt;/b&gt;&lt;/th&gt;
            &lt;th&gt;&lt;b&gt;Username&lt;/b&gt;&lt;/th&gt;
            &lt;th&gt;&lt;b&gt;Email&lt;/b&gt;&lt;/th&gt;
            &lt;th&gt;&lt;b&gt;Avatar&lt;/b&gt;&lt;/th&gt;
            &lt;th&gt;&lt;b&gt;Status&lt;/b&gt;&lt;/th&gt;
            &lt;th&gt;&lt;b&gt;Action&lt;/b&gt;&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>



blocks|key|728475|text|//Representation+of+table
<div+class="search-table-outter">
<table+class="table+table-responsive+search-table+inner">
</table>
</div>

//Css+to+make+Horizontal+Dropdown

<style>

++++.search-table{table-layout:+auto;+margin:40px+auto+0px+auto;+}
++++.search-table,+td,+th+{
++++++++border-collapse:+collapse;
++++}
th{padding:20px+7px;+font-size:15px;+color:#444;}
td{padding:5px+10px;+height:35px;}
++++.search-table-outter+{+overflow-x:+scroll;+}
th,+td+{+min-width:+200px;+}


</style>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|728476|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>//Representation of table
&lt;div class="search-table-outter"&gt;
&lt;table class="table table-responsive search-table inner"&gt;
&lt;/table&gt;
&lt;/div&gt;

//Css to make Horizontal Dropdown

&lt;style&gt;

    .search-table{table-layout: auto; margin:40px auto 0px auto; }
    .search-table, td, th {
        border-collapse: collapse;
    }
th{padding:20px 7px; font-size:15px; color:#444;}
td{padding:5px 10px; height:35px;}
    .search-table-outter { overflow-x: scroll; }
th, td { min-width: 200px; }


&lt;/style&gt;
</code></pre>


<p>Is there a way to add a horizontal scrollbar to an HTML table? I actually need it to be scrollable both vertically and horizontally depending on how the table grows but I cannot get either scrollbar to appear.</p>


Add a horizontal scrollbar to an HTML table

有没有办法给HTML表格添加一个水平滚动条？我实际上需要它是垂直和水平滚动，这取决于表格的增长方式，但我不能让滚动条出现。

问向HTML表格添加水平滚动条
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向HTML表格添加水平滚动条EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向HTML表格添加水平滚动条
EN