JSFiddle - React, Tailwind, and code Playground

by majikarikeruo

HTML

<p class="dummy-text">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</p>

CSS

.dummy-text {
  position: relative;
  height: 3em;
  overflow: hidden;
  color: #333;
  text-align: justify;
  font-size: 16px;
  line-height:1.5;
  text-justify:inter-ideograph;  
}

.dummy-text::after {
  content: "\2026";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1em;
  height: 1.4em;
  background: #fff;
  text-align: center;
}