2018/12/04

1行より長くなったら3点リーダで省略するcss









動作サンプル

See the Pen 1行より長くなったら3点リーダで省略するcss by takapen (@takapen) on CodePen.





html

あああお客様困りますテストあああお客様困りますテストあああ

あああお客様困りますテストあああお客様困りますテストあああ




css
div {
  width: 200px;
}
p#set {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}