楽天やヤフーショッピングのゴールド、トリプルでページを作成する場合どうしても長い商品名を省略したい場合ばあります。

2行で省略、3行で省略、簡単に実現できるCSSが下記、IEには対応していませんがIEはいいやという方におすすめ。

幅やマージンは適時変更してください。

古いブラウザでも1行は簡単

width:は必要に応じて設定。

複数行は(上のおさらい)

※3行の場合は2→3に。ただ、この方法は古いIEなどでは上手く作動しません。

IEにも対応したい場合

どこまで古いブラウザに対応させればいいにかは判断に迷いますが、みんな苦労しますね。

参考 複数行にも対応!CSS を使ってはみ出した文字を「・・・」で省略する方法

 

スポンサーリンク