HTML:同侧文本溢出和对齐

Question

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

这是我的意思的快速 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>

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

这有什么问题吗？