javascript - 如何使用 JQuery、CSS 减少 div 的宽度，以便减少左侧部分而不是右侧部分？

Question

这听起来像是一个愚蠢的问题，但我想不出一个简单的方法来做这件事。假设我有一个固定宽度的 Div，其内容为字符串 ABCDEFGHIJ。如果我减小宽度，它将停止显示 HIJ 或右侧的任何内容。我希望左侧内容的可见性受到影响。那么，假设 div 的宽度为 100px，那么

$(div).css('width':'50px'); 

不应影响 EFGHIJ 的显示，例如。

是的，我可以有一个内部 div 并将其位置向左移动，例如，通过减少宽度量。有更短的方法吗？

谢谢

Answer 1

要隐藏开头的字母而不是最后的字母，您需要使用 css direction: rtl 更改字母的方向。

并且为了隐藏字母，您应该提到 overflow: hidden 和容器的一些宽度。

Working Fiddle