CSSで一行中で文字数超えたら省略…に表示
- 技術三昧@2017-04-10 16:10:33
スポンサーリンク
CSSコード抜粋：
p{
width: 20rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis; /* Opera9,10対応 */
}
ＨＴＭＬコード：
<p>文字１２３文字１２３文字１２３文字１２３文字１２３文字１２３文字１２３文字１２３</p>これで20文字以上の場合、ＸＸＸＸＸＸ…のように見える。
以上、メモを。
0人
◎技術三昧掲示板で掲載した情報（リンク・リンク先を含む）に関して、掲示板管理者が確認や保証を行うことは一切ありません。
すべて利用者のモラルに委ねられおり、掲示板から張られたリンクに関するトラブルが生じても管理者側は免責とさせていただきます。
すべて利用者のモラルに委ねられおり、掲示板から張られたリンクに関するトラブルが生じても管理者側は免責とさせていただきます。