ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLタグ内に長い段落のテキストが2行表示され、余分な部分には省略記号が表示されます。 _html/css_WEB-ITnose

HTMLタグ内に長い段落のテキストが2行表示され、余分な部分には省略記号が表示されます。 _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:43:073180ブラウズ

HTML CSS

単一行の場合の方法は知っています:

   white-space:nowrap;   text-overflow:ellipsis;   overflow: hidden;


しかし、2 行以上の場合はどうすればよいでしょうか? CSSだけでできるのでしょうか?
例:


Baidu で検索したら、誰かがノーと言った:



ディスカッションに返信 (解決策)

誰か助けてくれませんか?

jsでインターセプトするのも、バックグラウンドで制御するのも、単純なCSSでは実現できません

jsでインターセプトするも、バックグラウンドで制御するのも、単純なCSSでは実現できません

ああ、おい、面倒だ。 jsは使用せず、HTML、CSS、phpのみを使用します。

CSS が機能していないようです。 。バックグラウンドでインターセプトしましょう とにかく、バックグラウンドで行うのは非常に簡単です。 !または、JS でインターセプトすることもできます

私の知る限り、css は js またはバックグラウンドを通じてのみインターセプトしてから、別のものを追加できます。 。 。

簡単な例を示します
3f1c4e4b6b16bbbd69b2ee476dc4f83a
window.onload = function(){
var text = document.getElementById('txt'),
str = text.innerHTML,
textLeng = 20; (str.length > textLeng ){
xt ">
従来の Web ページにチャット ルームを実装する方法は、サーバーに時々関連するチャット情報を取得するよう要求することです。しかし、WebSocket 機能は、 html5 ではこのメソッドが変更されました
16b28748ea4df4d9c2150843fecfba68


皆さんありがとうございます、調べてみます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。