引导模式中的文本溢出省略号
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了引导模式中的文本溢出省略号相关的知识,希望对你有一定的参考价值。
我想要获得的是Bootstrap模态体中非常长的文本内容,它放在一条线上,如果长于模态宽度则以省略号结束。
<div class="modal-body">
<span>Some very very very long text in the modal.</span>
</div>
答案
尝试:
CSS
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
<div class="modal-body">
<div class="ellipsis">Some very very very long text in the modal.Some very very very long text in the modal.Some very very very long text in the modal.Some very very very long text in the modal.</div>
</div>
但是:ぁzxswい
另一答案
对于bootstrap 4,现在有http://jsfiddle.net/lotusgodkk/GCu2D/2084/类也会这样做。
text-truncate
以上是关于引导模式中的文本溢出省略号的主要内容,如果未能解决你的问题,请参考以下文章