Question

我有一个HTML（从左到右）文本元素，我希望向左溢出，切断文本的开头，如果它比视口宽，但是如果它比视口要窄左对齐。

这是我的意思的快速ASCII艺术图表：

+---------------------------+
|Long string of text        |
|                           |

VS

+-----------+
|ing of text|
|           |

我无法弄清楚这是否可能，更不用说如果可行的话。

我不会真正关心使用什么技术来实现这一点，只要它适用于没有插件的现代版Firefox和Chrome。我希望更喜欢如果可能的话，它会被保存为HTML和CSS。

Answer 1

我想我自己想出来了：

<div style="position:absolute; right:0px; min-width:100%">
  <span style="text-align:right; white-space:nowrap">Long string of text</span>
</div>

这似乎创建了一个视口宽度的框，其中是一个包含文本的框。文本对齐框的右侧，这意味着溢出位于左侧，但框本身默认为左对齐，所以如果它小于包含div，它只是位于左

这有什么不妥吗？