问题标签 [nowrap]

我试图将属性“white-space:nowrap”应用于跨度标记。它在所有浏览器上都运行良好，但在 IE 和 Edge 中它会断字。我必须在同一行显示我的所有内容。

我试图设置属性“break-word：nowrap”，但它似乎不起作用。

如何解决我的 css 问题？

好的，这很难解释，我有 2 个元素，一个浮动 div 和一个不可包装的 div，它的 HTML 看起来像这样：

这是CSS：

结果：

容器（#page）是可调整大小的，并且可以变小，比如 100px，这是我遇到问题的地方，#center div 保持在右侧，即使在容器之外：

当容器像这样小的时候，我需要 #center div 在 #left 下：

这是 jsfiddle 上的代码：https ://jsfiddle.net/p41xh4o3/

谢谢您的帮助！

似乎在将 flex 与 nowrap 一起使用时 - 滚动条只允许向右移动，但左侧的项目仍然隐藏。我创建了一个 doceopen 示例来显示问题。 http://codepen.io/anon/pen/QpgvoZ

在以下情况下，水平滚动条似乎只适用于右侧，但左侧的项目只是隐藏且无法访问。我在 Chrome 和 FF 中看到了这种行为（IE11 似乎工作正常：-O）

我在这里缺少什么？

谢谢！

我的代码看起来有点像这样：

如果 div.block-or-inline 中的内容比其容器的宽度短（没有换行符），我希望所有内容都呈现在一行上。但是，如果内容更宽 - 导致换行 - 我希望两者都跨越内部以换行。

这可能吗？

我正在尝试将图像容器放在另一个容器中，最终它会排成一排，现在我有四个。

我的问题是我最终想像传送带一样在屏幕上移动它们，而它们仍然在鼠标悬停时改变。

因此，重要的是，由于屏幕结束而被隐藏的那些将被切掉并且不要离开该行。我不明白为什么即使使用 nowrap 他们总是移动到另一行。

如果有人有一个简单的技巧来制作传送带，我也会很感激。我的 javascript 也不起作用。

}

我正在创建一个 HTML 电子邮件签名，并且在手机等小型设备上，当屏幕分辨率不足以容纳签名时，我无法阻止它换行。我已经尝试了我在这里找到的所有内容的组合，无论是关于类似问题的几个建议中的一个或多个，但似乎没有任何效果。

这是正确的签名和两个不正确的版本：

签名示例

这是我们目前拥有的代码：

Sonnie Parker
合伙人、高级管理员
334-482-4248 avnirvana.com

基本上，我想要如下所示的结果，箭头与下拉列表中文本的右侧对齐。

但是我的箭头与最长的文本底部对齐:(

请问我的解释是否不够清楚，希望你们中的一些人能给我一些建议。谢谢！

仅供参考：我使用white-space:nowrap;来防止换行。

我想显示一个表格（但我使用的是 div），因为表格很长，所以它会滚动溢出。我遇到的问题是我的 div 之间存在未知的差距。

这是片段：是什么导致列（div）之间出现不必要的间隙？

我遇到了 noWrap 的问题。我想移除侧面容器（左/右）。

这是我的代码：

结果是：

我有这段代码，我正在尝试针对较小的屏幕进行优化： https ://codepen.io/anon/pen/PKmdeb?editors=1100

如您所见，它在桌面上运行良好（当窗口很大时）并且图像的高度都相同。但是，当您尝试将窗口一直向右缩小时，迈阿密戴德县将被推到第二行。我有这个：

意思是我希望每行有 2 张图像。如您所见，波士顿和芝加哥在同一条线上。这是因为他们的名字较短，但洛杉矶-长滩（一个较长的名字）将迈阿密排挤出去。我试图添加这个CSS：

但是，这些都不起作用。我只想在文本太长时将其截断（最好显示一个 ... 表示它已被截断），以便图像保持在同一行。