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

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

我真正想要的是： 大小不可更改的跨距，文本对齐为左，但如果文本长度超过跨距宽度，文本对齐将更改为右，溢出将隐藏

我得到的是：

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

示例文本

当然，这只有在示例文本以某种方式可变时才有意义。 是否要在没有javascript的情况下归档此align更改？纯html和css

---

默认情况下，thx

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

示例文本

您不能使用javascript有什么原因吗？如果您右对齐后看不到左边的文本，可以吗？这没有意义，如果它的溢出隐藏在设置的宽度中，则文本的长度永远不会超过span width1。我可以使用javascript，但我希望有一个很好的css解决方案2。是的，如果我看不到左侧溢出的文本就可以了。3.文字长度超过跨度宽度，您只是看不到它。线条是否不受宽度的影响？你在说什么？在什么情况下浮动和显示：inline；一起使用？我确信，通过浮动一个元素，您将覆盖内联显示。@Ark“当您浮动一个元素时，它将成为一个块框”-@Ark。。。我认为你没有抓住重点。内联元素不受宽度或高度的影响——JSFIDLE示例证明了这一点。浮动内联元素时，将该元素转换为块（不再是内联元素）。宽度和高度影响浮动的内联元素，因为它不再被视为内联元素，而是浮动的块元素。“而是浮动的块元素。”尝试使用块浮动元素，然后，现在尝试向右和向左浮动内联元素……他们已经讨论过了=

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