文本超过范围自动截断
正常文本：
初见是惊鸿一瞥，南柯一梦是你。 等待是山重水复，怦然心动是你。 相遇是柳暗花明，小心翼翼是你。 重逢是始料未及，别来无恙是你。
设置最大范围为300px后，自动截断后的文本：
初见是惊鸿一瞥，南柯一梦是你。 等待是山重水复，怦然心动是你。 相遇是柳暗花明，小心翼翼是你。 重逢是始料未及，别来无恙是你。
代码如下：
<span class="d-inline-block text-truncate" style="max-width: 300px;">文本内容</span>