ホームページ >ウェブフロントエンド >htmlチュートリアル >テーブル内の td コンテンツが長すぎるため、それを使用したいと考えています。 。 。 show_html/css_WEB-ITnose
テーブル内の td コンテンツが長すぎるため、それを使用したいと考えています。 。 。 show_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:19:551056ブラウズ
テーブル内の td コンテンツが長すぎるので、... を使用して表示したいです。 キーポイント: マウスをクリックすると、その上にレイヤーが表示され、コンテンツ全体が表示されます。親愛なる兄弟姉妹の皆さん、助けてください！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！
ディスカッション（解決策）への返信
本当のことを話しても無駄です、例を挙げてコメントを書いた方が良いです、ありがとう！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！
アイデアがあります。2 番目のポップアップ メニューの方法を使用してください
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">table { border: #CCC 1px solid;}td,th { width: 120px; border: 1px solid #999;}td:hover ul { display: block; }ul { display: none; border: 1px solid #999; list-style: none; margin: 0; padding: 0; position: absolute; width: 120px; background: #CCC;}</style></head><body><table> <tr> <th>标题一</th> <th>标题二</th> </tr> <tr> <td>内容一内容…… <ul> <li>隐藏内容一</li> </ul> </td> <td>内容二内……</td> </tr> <tr> <td>内容三</td> <td>内容四</td> </tr></table></body></html> アイデアがあります。2 番目のポップアップ メニューの方法を使用してください
XML/HTML コード? 123456789101112131415161718 1920212223242526272829303132333435363738394041424344454647484950515253
これはできません。つまり、コンテンツが長すぎると表示されます...マウスを移動...上にレイヤーが表示され、コンテンツ全体が表示されます。コンテンツが長くない場合は表示されません...そして、マウスを移動してもレイヤーはコンテンツの上に表示されません
アイデアがあります。2 番目のポップアップ メニューの方法を使用してください
bc414a9cb6d4722516371ef911d08b886?value.subString(0,6):値）を選択し、マウスを上に移動して「レイヤーを表示」を使用し、レイヤー上に必要なものを表示します。表示したい場合は、レイヤーに必要なものを保存し、ラベルを表示します。マウス移動イベントのレイヤー。各 TD に必要な場合は、各 TD でスパン タグを使用して各 TD の実際の値を保存すると、各 TD の実際の値は非表示になります。イベントがトリガーされた後、マウスを移動すると、非表示のスパン タグの値を表示するレイヤーに割り当て、レイヤーを表示して必要な機能を完成させます。 、これにより、あなたが言及した状況が解決されるはずです。より良い方法がある場合は、投稿できます。
疑問符式に欠落している質問は何個ありますか...((value.length>6?(value.subString(0,6)+"..."):value))
疑問符式に欠落している質問は何個ありますか疑問符式 ..((value.length>6?(value.subString(0,6)+"..."):value))
これは 3 項式と呼ばれます。わかりました
それはただの名前です。鄧小平は、ネズミを捕まえることができるなら、黒猫でも白猫でも良い猫だと言いました。どう思いますか？ Wrap:
table{table-layout:fixed;} td{overflow: hidden; text-overflow: ellipsis;word-break: keep-all;white-space:nowrap;}
このように、省略記号が表示されていますが、 td で省略された内容は実際に存在します。 jQuery のヒント プラグインを使用して表示することも、自分で js を作成することもできます
イケメン、なぜ私がそれを見てポイントを与えなかったのですか？