☰

オーバーフロー:最後に隠されたドット 質問する

tag-icon • tag-icon html css
オーバーフロー:最後に隠されたドット 質問する

たとえば、「私は大きなお尻が好きで、嘘をつくことができません」という文字列があり、それを で切り取るoverflow:hiddenと、次のように表示されます。

私は大きなお尻が好きで、

テキストが切れてしまいます。これを次のように表示することは可能ですか?

私は大きなお尻が好きで、...

CSS を使用していますか?

ベストアンサー1

使用できますテキストオーバーフロー: 省略記号;どれのcaniuseによるとすべての主要ブラウザでサポートされています。

こちらはデモjsbin で。

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 160px; 
  height: 1.2em; 
  white-space: nowrap;
}
<div class="cut-text">
I like big butts and I can not lie.
</div>

おすすめ記事