span - 与文本框相同的行为？

Question

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

我真正想要的是： 大小不变的跨度，文本对齐isleft，但如果文本长度超过跨度宽度，则文本lign更改为右，溢出被隐藏。

继承人我得到了什么：

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

当然，只有示例文本以某种方式可更改才有意义。 是没有javascript来改变对齐的变化？纯HTML和CSS？

THX

Answer 1

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

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