html - 跨度 - 与文本框相同的行为？

Question

我如何使用具有类似文本框行为的文本来编程跨度？

我真正想要的是：一个大小不变的跨度，文本对齐是左，但如果文本长于跨度宽度，文本 lign 向右更改，溢出被隐藏。

这是我得到的：

<span style="width: 250px; height: 30px; overflow:hidden;">example text</span>

当然，这只有在示例文本以某种方式可以更改时才有意义。是否可以在没有 javascript 的情况下完成这种对齐更改？纯html和css？

谢谢

Answer 1

Spas 默认呈现为内联元素。内联元素不受宽度、高度或溢出设置的影响。您需要将其更改为显示为块（或内联块）：

<span style="width: 250px; height: 30px; overflow:hidden; display:block;">example text</span>