2014年10月7日火曜日

cssで横幅を超えた文字を...で省略する方法

csのみを使用して、横幅を超えた文字列を…で省略する方法
p.item_name {
         width: 100px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
}
widthで横幅を固定して、上記のようにcssを指定すると、100pxを超えた文字列は…で省略して表示されます。
てすと...
見たいに表示されます。

0 件のコメント:

コメントを投稿

statistics

Arsip