如何水平裁剪文本？答案

【问题标题】：How do I crop the text horizontally?如何水平裁剪文本？
【发布时间】：2011-07-19 03:16:30
【问题描述】：

我需要将我的内容放在一个特定的容器中。如果内容水平增加，则容器应裁剪，如果内容垂直增加，则容器应展开。这是我的代码：

<div style="padding:10px; width:602px; background:gold; clip: rect(0px, 602px, auto, 0px);">
  <div style="padding:10px; width:1000px; background:pink">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
  </div>
</div>

我也尝试过使用溢出，但效果不佳。

这是我的实际代码http://jsfiddle.net/QeahW/7/ 下拉 div 没有显示在 about company 链接下。不知道如何解决。

【问题讨论】：

clip only works in elements with position: absolute.
使用同一个邮箱登录，因此是单一帐户，不要创建新帐户

标签： css overflow crop clip

【解决方案1】：

你的意思是你想要这样吗？：http://jsfiddle.net/N4qvK/

我删除了内部容器上的 widt，以便内部块始终与宽度保持在外部块中。

【讨论】：

在我的场景中，内部 div 必须有一个宽度，并且其中的内容超出了外部 div 的宽度限制，使用 jquery，这些内容将在特殊事件中以负边距显示。无法更改 jquery 或其他代码，我必须使用 css 执行此操作。所以外部 div 必须裁剪多余的内容。