0 
<table style="table-layout:fixed;">    
    <tr>
        <td width="221" style="overflow:hidden">
            //A very long text that meant to overflow
        </td>
    </tr>
</table>

いくつかの調査の後、上記のコードは正常に動作するはずですが、そうではありません。に styleを持つ余分なdivタグがある場合にのみ実現できます。overflow:hiddentd

そして別の質問は、高さへのオーバーフローを実装する方法ですか? サンプルコードを提供していただけると助かります。

4

5 に答える 5

0

高さのみを制御するoverflow-yには、代わりにCSS プロパティを使用する必要がありoverflowます。スクロールを適用するoverflow-y: scrollには、他のそのような場合と同様に使用する必要がありoverflowます。

于 2013-09-21T12:43:52.077 に答える
0

ワーキングデモはこちら

TD 内に 2 つの div を配置するだけで、テーブル レイアウトを変更せずに、overflow:hidden をエミュレートできます。

<div style="position: relative;">
  <div style="overflow: hidden; width: 320px; height: 150px;">

    content

  </div>
</div>

JSFiddleであなたのコードを参照してください

于 2013-09-21T12:44:51.157 に答える
0

特定の幅と高さのオーバーフローが必要な場合は、 css プロパティdisplay:blockを追加する必要<td>があります。他の人が幅のオーバーフローについて前に言ったように、テキストがラップされないように設定する必要がありwhite-space:nowrapます。overflow:scroll

于 2013-09-21T14:04:30.433 に答える