问题标签 [nowrap]

我有一个带有链接列表的侧边栏，每个链接的右侧都有一个箭头图标（使用 :after 选择器在锚样式中设置）。在许多链接上，箭头正在下降到它自己的行。我想确保文本可以根据需要换行，但要防止箭头本身被孤立到一行上。

我以为我已经通过在 :after 伪元素上使用“white-space: nowrap”解决了这个问题，因为它在 Firefox 中有效。不幸的是，我发现它不适用于 IE8、Chrome 和 Safari。

在 Firefox、IE8、Chrome 和 Safari 中，有没有办法防止链接图标中断到自己的行，同时仍允许链接中的文本根据需要换行？

基本 HTML 结构：

样式规则（用 sass 编写）：

我在容器 div 中有一些并排的列表。容器 div 的宽度必须为 100%。

如果容器中的任何列表超过浏览器宽度，它们都应该溢出窗口。

我可以让它按需要工作的唯一方法是，如果我给我的容器一个固定的 px 宽度。

我被困住了，我相信这很简单。

请参阅：http: //jsfiddle.net/sPKEp/7/

我正在使用iscroll js lib在css中构建流畅的导航。现在在 Firefox 和 chrome 中一切都很顺利。唯一的问题是 ie。

所以基本上我有一个流体 div，我不想包装或打破它。在 ie 它打破了.. 我正在使用 white-space: nowrap css 属性。

仅适用于 ie8+。

html代码：

的CSS：

和

一些行为屏幕：

（铬合金）

（IE）

感谢您的帮助！

这有什么问题？我已经阅读了几篇文章，其中建议为了将 inline-block 元素全部放在同一行上，只需要溢出-x，父级上只需要以下 CSS：

这是我的 CSS，直接来自我的萤火虫，用于父级和我在同一行上需要的元素。元素仅以垂直溢出包装。我很困惑。有什么建议么？

我会承认， 当我不想让它们中断时（例如表头），我有在单词之间使用的习惯。

我真的应该用 来设计我的元素white-space:nowrap吗？如果我唯一要做的就是不让文字包装，是否有任何优点/缺点？

我要这个 ：

但我明白了：

使用它来设置包含 div 的样式：

其余的在这里什么都没有：http : //jsfiddle.net/n2LtN/

什么不见​​了？

我有以下 HTML 代码：

如您所见，我输入了“white-space:nowrap”以确保无论浏览器窗口大小如何，句子都保持在一行上。但是，似乎将句子中的某些单词斜体可以防止这种情况发生。在较小的浏览器窗口上，结果是在一行中显示“这只是一个”，然后在下一行显示“测试句子”。如何使句子始终保持在一行？

我有一些图像（3）应该显示在一行中，并且它们的组合宽度大于页面宽度。但我无论如何都希望它们重叠，因此页面宽度无关紧要。但是由于某种原因，一行中只有 2 张图像，而下一行中只有 2 张图像。我该如何解决这个问题。.imageContainer如果我为每个 id 设置position:abolute并赋予值，它们就可以完美地工作。left:--px但这将难以维持和调整。如果我减小每个图像的宽度，它们也会正确对齐，但我不想这样做:(。请帮助。

white-space:nowrap;allImagesContainer 中的UPDATE解决了这个问题，但仅限于 chrome。问题在 FF 和 IE 中仍然存在。

这是代码：

这是样式：

div当内容不仅仅是文本（例如几个按钮）时，有没有办法避免包装 a的内容？

我有这样的结构：

用CSS

我希望左侧单元格的宽度始终为 60%，右侧单元格占用所有其他空间。右侧单元格中的长单行文本应该用省略号截断，无论是“提示”元素可见还是不可见。

我尝试使用display: inline, float: left, position: absolute，但没有得到任何不会破坏右侧浮动提示元素的结果。

jsFiddle在这里：http: //jsfiddle.net/Z2kLV/1/

此外，解决方案不必是跨浏览器，我只需要 chrome。

请帮忙，我做不到这个