0

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

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

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

对比

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

我不知道这是否可能，更不用说如果它是如何做到的。

我真的不在乎使用什么技术来实现这一点，只要它可以在没有插件的现代版本的 Firefox 和 Chrome 中工作。如果可能的话，我希望它保留为 HTML 和 CSS。

4

1 回答 1

1

我想我自己想通了：

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

这似乎创建了一个与视口宽度相同的框，其中包含一个包含文本的框。文本与框的右侧对齐，这意味着溢出在左侧，但框本身默认为左对齐，因此如果它小于 contains div，它就位于左侧。

这看起来有什么问题吗？

于 2012-10-21T23:39:41.193 回答