问题标签 [nowrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
791 浏览

javascript - DIV 和 nowrap 容器顶部的滚动条

我熟悉这个StackOverflow 问题和已确认的答案。

但是,在这里查看他们的小提琴,我注意到我真正需要的一件事。容器(又名 div2 类元素)没有 no-wrap 属性,这是我在#container 中的表格真正需要的(nowrap 用于在一行中放置表格)

我的代码:

CSS

HTML

JAVASCRIPT(jQuery)

我的 JsFiddle 代码和问题

点击这里

问题出现了,当你添加 white-space: nowrap; 到#container 类。它不是正确的结果,而是在底部创建了另一个我不喜欢的滚动条。IT 确实将表格移动到一行,但它不再在底部或顶部创建正确的滚动条(仅用文本替换表格也不起作用)。

请帮帮我!

0 投票
3 回答
25779 浏览

css - 具有“空白:nowrap”的元素的宽度不适应子内容

我正在尝试使用overflow-x: scroll & white-space: nowrap创建一个带有(平铺)背景图像的水平滚动窗格。窗格跨越任意数量的元素。

CSS:

HTML:

小提琴演示

我希望背景图块自动跨越窗格的整个宽度,包括其所有项目元素。目前它只填充到框架宽度。罪魁祸首似乎是窗格宽度属性 - 它不适应窗格内容的整体宽度。

Ofc,它通过手动调整宽度属性来工作,但我需要它来动态调整。

如何让窗格的背景图像填满窗格的整个宽度?有没有其他方法可以达到同样的效果?

0 投票
2 回答
2636 浏览

php - CSS 空白:nowrap 在 IE 中不起作用

在 IE 中使用 CSS nowrap 在 IE 中出现问题,在 Chrome 中完美运行。任何人都可以帮忙,让它在没有任何包装在 IE 和 Chrome 中的情况下呈现吗?

HTML

CSS

PHP

0 投票
1 回答
216 浏览

css - 当它具有 nowrap 属性时,如何让 ul 通过窗口宽度改变重新调整大小

正如我的标题所写,现在我有一个 ul li 制作的菜单,我不会因为窗口太窄而让菜单中断。但是一旦它附加了“nowrap”属性,它就不会再用 windows 重新调整大小,我怎样才能让它不仅是 nowrap,而且是 no-break 行。

谢谢!

0 投票
1 回答
37 浏览

html - 使用 html“子”标签的错误输出

为什么这会[A]<sub>0</sub>(M)产生输出,就好像它是一样的[A<sub>0</sub>] (M)?html 正在使用 Drupal 6.x 的站点上运行。我不确定这是否与问题有关。我曾经有它的格式[A<sub>0</sub>] (M),但我正在尝试将其更改为[A]<sub>0</sub>(M). 我还使用了文本转换来旋转文本,所以我认为我的浏览器可能一直在缓存转换,所以我清除了我的缓存(什么也没发生)。变换用于为图形制作 y 轴标签。我还删除了转换并尝试了它(没有旋转的相同结果)。问题也出现在多个浏览器中。html/php 以扩展名保存-static.tpl.php。该代码被用作自定义的drupal模块,可以嵌入到drupal页面中。截至目前,该模块位于其自己的页面中。非常感谢任何输入。谢谢。

这是本地代码块:

在此处输入图像描述

我发现yAxisLabeldiv 内的文本不会更新,如果这有助于解决任何问题。

0 投票
1 回答
3494 浏览

css - 字体图标(或图像)和链接之间的 nowrap

我后面有一个链接和图标(字体)。需要防止链接和图标之间的换行:对于长链接,换行符应该出现在单词之间而不是单词和图标之间。我已经创建了带有 nowrap 的父块和带有包装的内部块,它在 FireFox 中工作,但在 Chrome 和 IE(例如 IE10)中不起作用。出于测试目的,我还使用图像(而不是图标)创建了相同的布局并具有相同的结果 - http://jsfiddle.net/6ak7q/2/ - 当我更改窗口大小时,我看到在新行上只有图像一言不发。

在此处输入图像描述

也许相关的问题 -链接箭头下降到新行,但我不能使用字体图标的背景......带有字体图标的原始代码:

0 投票
1 回答
956 浏览

c# - WPF TextBlock NoWrap 显示两个字符串而不是一个

我在 TextBlock 内运行时遇到问题

当我创建没有像这样包装的 TextBlock 时:

并分配 Value 很长的字符串,如new string('-', (int) 1e6),它显示两行插入一个。

我应该怎么做才能防止它并得到准确的一条线?

PS我不能在没有运行的情况下使用TextBlock

0 投票
4 回答
1775 浏览

android - 2个TextViews,左边是省略号,右边是nowrap,单行

第一次在这个论坛发帖,希望一切顺利:)

我正在为我所在城市的公共交通开发一个 Android 应用程序。

这是我所拥有的

这是我想要的:

这是一个更完整的示例:s28.postimg.org/5gejnvfd9/actual2.png

奇怪的彩色背景只是为了轻松识别布局/文本视图。您也可以忽略棕色线(没关系)。

基本上,我想要具有可变长度的目的地[红色背景],并且在其右侧,我想要第一个出发时间[绿色背景]。一切都在一条线上。

我需要始终完全显示第一个出发信息(nowrap)。目的地可以用省略号 (...) 包裹。[可选问题,如何将省略号 '...' 替换为 '.' ?]

这是我迄今为止最好的工作代码:

我试过 TableLayout 和 LinearLayour 而不是 RelativeLayout,但没有成功:(

知道我该怎么做吗?

提前致谢!

卢卢克斯

[已解决] 只需轻轻修改valbertos答案:

仅在必要时设置省略号会使文本正确截断。

再次感谢 :)

0 投票
1 回答
211 浏览

html - 使缩略图水平滚动而不使用 nowrap

我正在尝试使用 CSS 进行以下设计:

在此处输入图像描述

这个想法是让它在全宽容器中水平滚动。

我在包装器中添加了white-space: nowrap,但是由于文本太长,它超出了它的容器。这是该问题的屏幕截图:

在此处输入图像描述

请在此处查看实时 jsFiddle

HTML:

CSS:

PS:我阅读了有关使用 display:table 和 table-cell 的信息,如果可以使用它们,有什么想法吗?

谢谢,

0 投票
2 回答
44569 浏览

html - 跨度上的空白 nowrap

在这种情况下:

我想在必要时在我的 Text 上换行,但我不希望我的 span 换行,我希望它始终坚持部分文本。我该怎么做?

谢谢,