Question

如果字符串的最后一部分超过div宽度而没有换行符，如何只显示？例如。 “...string”而不是

This is my
very large string

UPD： This解决方案有效，但是当我有一个大字时，例如url http://myhost/path/foo/bar?and=some&params=there仅显示符号的一部分，但并不好。有什么想法吗？

Answer 1

您可以使用direction: rtl;执行此操作，但不能在Chrome中使用

div {
  white-space: nowrap; 
  padding: 0 10px;
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
  direction: rtl;
}

<div>This is my
very large string</div>

或者你可以使用 JQuery 并从文字中取出最后一个单词，p的宽度也是动态的，并调整为最后一个单词的宽度。

var part = $('p').text().split(' ');
$('p').text('... '+part[part.length-1]);

p {
  white-space: nowrap; 
  padding: 0 10px;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #000000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>This is my
very large string</p>

仅显示字符串的最后部分

1 个答案: