【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;

}