枠からはみ出る文字は…にする CSS

枠からはみ出る文字は…にする CSS

WordPressのウィジットなどで記事のタイトルが長い場合の対策

/* 枠からはみ出る文字は…にする*/
.blogmenu{overflow: hidden; width: 100%;
}
.blogmenu ul li ul li{ overflow: hidden;
text-overflow: ellipsis;
}

ウィジット以外で固定文字数で表示したいならPHPに便利な関数がある。

例1 mb_strimwidth() の例

<?php
echo mb_strimwidth("Hello World", 0, 10, "...");
// Hello W... と出力します
?>
太平洋

コメントは受け付けていません。