HTML：同侧文本溢出和对齐

Question

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

这里是我的意思是一个快速的ASCII艺术图：

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

与

+-----------+ 
|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的位置，它就位于左侧。

任何看起来不对？