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的位置，它就位於左側。

任何看起來不對？