2012年5月3日木曜日

【html】最大文字数を指定する方法



記事とかブログとかで最大文字数を制限して、
レイアウトのバランスを崩さないようにする方法を挙げる。

PHPで実装

$news = '表示させたいニュース' ;

// 表示制限を17バイトにしてそのあとは「...」にする。
$display_news = mb_substr($news, 0, 17).'...';
echo $display_news;

CSSで実装



.classname {
 width:240px;
 height:3em;
 overflow:hidden; ←あふれた文字に関しては隠す
}


JavaScriptで実装(引用元:JavaScriptでマルチバイト文字列を決まった文字数で制限する方法)



文字列を省略する
@arg  text  省略する文字列
@arg  len  半角文字数で指定
@arg  truncation  省略時の文字列
*/
function substr(text, len, truncation) {
  var count = 0;
  var str = '';
  for (i=0; i
    n = escape(text.charAt(i));
    if (n.length < 4) count++; else count+=2;
    if (count>len) {return str+truncation;}
    str += text.charAt(i);
  }
  return text;
}

0 件のコメント:

コメントを投稿