テーブルTDテキストが長く隠された省略記号を越えたコンテンツの長さよりも、あなたはすべてのコンテンツの表示をクリックしてください

1.設定CSSスタイル

<スタイル>
表{
幅：100％。
フロート：左;
テーブルレイアウト：固定されました
幅：600PX。
国境：1pxの固体#CCC。
 }

テーブルTR {
    行の高さ：25ピクセル。
    国境：1pxの固体#CCC。
}

 テーブルTD {
     ボーダー：1ピクセル固体#CCC。
     テキスト整列：センター;
 }
.MHover {
     ボーダー：1ピクセル固体#CCC。
     ホワイトスペース：NOWRAP。
     テキストオーバーフロー：省略記号。
     オーバーフロー：隠されました;
 }
</スタイル>

 

2、JSの設定とのMouseMoveとマウスアウトイベントをクリックしてください

隠す（）;         }）;     }）; </ SCRIPT>

 

3、HTMLコンテンツは、TDに2つのdivを追加し、2つのdiv要素の内容が一致している必要があります。

<表>
<TR>
<TH>名</ TH>
<TH>署名</ TH>
<TH>性別</ TH>
</ TR>
<TR>
<TD> Gouzi </ TD>
<TD>
<DIV CLASS = "MHover">ふふふ笑っ12345頭の上り坂トラは、</ div>笑っふふふ
ふふふ笑っ12345頭の上り坂トラは</ DIV>笑っふふふの<divクラス= "モール">
</ TD>
<TD> M </ TD>
</ TR>
</テーブル>