如果字符串的最后一部分超过我的div宽度且没有换行符，该如何仅显示字符串的最后一部分？例如用“ ...string”代替
This is my
very large string
UPD：此解决方案有效，但是当我的单词很大时，例如urlhttp://myhost/path/foo/bar?and=some¶ms=there仅显示符号的一部分，因此效果不好。有任何想法吗？
您可以使用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>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句