0

我在另一个固定宽度的 div 中有一个 div。我希望内部 div 可以水平增长，直到 in 可以在一行中包含它的所有元素或文本。创建水平滚动条并不重要。我应该怎么办？这是我的示例代码：

<div style="width:400px;border:solid 1px red;">
    TEST TEXT
    <div style="border:solid 3px green;position:absolute;z-index:99;text-overflow:">
        TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE
        TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE
    </div>
</div>
4

3 回答 3

5

用于white-space: nowrap;文本不中断空格

于 2014-04-23T06:36:55.113 回答
2

我将在 text-overflow 的 css 中添加选项：省略号；有溢出：隐藏；和空白：nowrap；

如果你这样使用它：

h1{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

你会得到很好的修剪来溢出文本。

活生生的例子

关于文本修剪的提示

于 2014-04-23T08:39:37.223 回答
1

这是你想要指出的吗？尝试查看 JSfiddle code http://jsfiddle.net/uYKKy/1/

于 2014-04-23T06:44:24.747 回答