文字長が一定を超える場合は「続き」で切り詰めて表示されます。制限を超えない場合は表示されません。
- WBOYオリジナル
- 2016-06-13 12:54:091478ブラウズ
テキストの長さが一定の長さを超える場合、「続き」をクリックすると、テキストの長さが一定を超える場合、テキストが切り詰められて表示されます。制限を超えていない場合は表示されません。助けてください。
-----解決策--------------------------------中国語の場合、mbstring を使用して適切に比較します。
-----解決策---------phpで解決できます。 forループを使って文字列をインターセプトする場合は、文字が2バイト(漢字)か1バイト(文字、数字)かを判断するだけです
-----解決策-- - -----------------関数 getre($str,$len){
$strlrn=strlen($str);
if($strlrn $str;
を返します }その他{
rerurn substr($str,0,$len)."...";
}
}//こんな感じだったと記憶しています
-----解決策---------中国語ではありませんこんな感じでコントロールしやすいです。
function limitwords($string, $limit = 250) {<br />
if(strlen($string) < $limit) {return $string;}<br />
$regex = "/(.{1,$limit})\b/";<br />
preg_match($regex, $string, $matches);<br />
return $matches[1].' more';<br />
}
中国語の場合は mbstring を使用し、エンコーディングを統一する前に mb_convert_encoding() を使用することをお勧めします。
------解決策---------CSS と JS コントロールを使用するだけです
まず、CSS は非表示を超えて固定の高さを設定します。
をクリックしたときにこの高さを自動に設定するだけです。-----解決策-------- ------- -----css で CSS プロパティを操作できます。 more をクリックすると css の高さを auto に設定すると表示されます
--- ---解決策--- -----------------とても簡単なデモを書きます
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>无标题文档</title><br />
</head><br />
<body><br />
<div style="width:200px; height:200px; border:#999 1px solid; overflow:hidden; float:left;" id="more1">测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</div><span onclick="document.getElementById('more1').style.height='auto'"> 显示更多</span><br />
</body><br />
</html>-----解決策--------------------------------インターセプトにバックグラウンドphpを使用しないでください。その場合、utf-8を考慮する必要があり、面倒です。
完全なデータをフロント セクションに直接渡すと、CSS 設定によってフロント セクションを切り詰めて「さらに表示」することができます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：PHPコードの混乱の解決策次の記事：PHPコードの混乱の解決策