結構当たり前にやってたりするし、WPで実装するときは正直PHPで設定したりもするけど
久々に実装するときに忘れてたので備忘録がてら「CSSで文字数制限する方法」をご紹介します。
では、早速ソースから。
p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
この3行かいておけばOKです。
あとはwidthも一緒に指定すればそのサイズで文字数を自動的に「もじもじ…」となってくれます。
ちなみに複数行の文字数制限はPHPでないと現時点では不可能なようです。
1行だけの場合の文字数制限をかけたいかたは一度ぜひお試しください。