☰

CSSについて: テキスト行が改行されている場合はドットを表示する 質問する

tag-icon • tag-icon css
CSSについて: テキスト行が改行されている場合はドットを表示する 質問する

以前この解決策を見たことがありますが、正確にどこで見たかは覚えていません...JSなし

おそらく、行が区切られているときに機能します。しかし、CSS プロパティとは何でしょうか?

質問は次のとおりです:ユーザーに表示する方法:ドットテキストが150ピクセルを超える場合

デモ

div {
  font-family: Arial;
  background: #99DA5E;
  margin: 5px 0;
  padding: 1%;
  width: 150px;
  overflow: hidden;
  height: 17px;
  color: #252525;
}
<div>apple</div>
<div>jack fruit</div>
<div>super puper long title for fruit</div>
<div>watermelon</div>

ベストアンサー1

省略記号について話しているのですか？これをCSSに追加してください

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

フィドル:http://jsfiddle.net/5UPRU/7/

おすすめ記事