问题标签 [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.
javascript - DIV 和 nowrap 容器顶部的滚动条
我熟悉这个StackOverflow 问题和已确认的答案。
但是,在这里查看他们的小提琴,我注意到我真正需要的一件事。容器(又名 div2 类元素)没有 no-wrap 属性,这是我在#container 中的表格真正需要的(nowrap 用于在一行中放置表格)
我的代码:
CSS:
HTML:
JAVASCRIPT(jQuery):
我的 JsFiddle 代码和问题:
点击这里。
问题出现了,当你添加 white-space: nowrap; 到#container 类。它不是正确的结果,而是在底部创建了另一个我不喜欢的滚动条。IT 确实将表格移动到一行,但它不再在底部或顶部创建正确的滚动条(仅用文本替换表格也不起作用)。
请帮帮我!
css - 具有“空白:nowrap”的元素的宽度不适应子内容
我正在尝试使用overflow-x: scroll & white-space: nowrap创建一个带有(平铺)背景图像的水平滚动窗格。窗格跨越任意数量的元素。
CSS:
HTML:
我希望背景图块自动跨越窗格的整个宽度,包括其所有项目元素。目前它只填充到框架宽度。罪魁祸首似乎是窗格宽度属性 - 它不适应窗格内容的整体宽度。
Ofc,它通过手动调整宽度属性来工作,但我需要它来动态调整。
如何让窗格的背景图像填满窗格的整个宽度?有没有其他方法可以达到同样的效果?
php - CSS 空白:nowrap 在 IE 中不起作用
在 IE 中使用 CSS nowrap 在 IE 中出现问题,在 Chrome 中完美运行。任何人都可以帮忙,让它在没有任何包装在 IE 和 Chrome 中的情况下呈现吗?
HTML
CSS
PHP
css - 当它具有 nowrap 属性时,如何让 ul 通过窗口宽度改变重新调整大小
正如我的标题所写,现在我有一个 ul li 制作的菜单,我不会因为窗口太窄而让菜单中断。但是一旦它附加了“nowrap”属性,它就不会再用 windows 重新调整大小,我怎样才能让它不仅是 nowrap,而且是 no-break 行。
谢谢!
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页面中。截至目前,该模块位于其自己的页面中。非常感谢任何输入。谢谢。
这是本地代码块:
我发现yAxisLabel
div 内的文本不会更新,如果这有助于解决任何问题。
css - 字体图标(或图像)和链接之间的 nowrap
我后面有一个链接和图标(字体)。需要防止链接和图标之间的换行:对于长链接,换行符应该出现在单词之间而不是单词和图标之间。我已经创建了带有 nowrap 的父块和带有包装的内部块,它在 FireFox 中工作,但在 Chrome 和 IE(例如 IE10)中不起作用。出于测试目的,我还使用图像(而不是图标)创建了相同的布局并具有相同的结果 - http://jsfiddle.net/6ak7q/2/ - 当我更改窗口大小时,我看到在新行上只有图像一言不发。
也许相关的问题 -链接箭头下降到新行,但我不能使用字体图标的背景......带有字体图标的原始代码:
c# - WPF TextBlock NoWrap 显示两个字符串而不是一个
我在 TextBlock 内运行时遇到问题
当我创建没有像这样包装的 TextBlock 时:
并分配 Value 很长的字符串,如new string('-', (int) 1e6)
,它显示两行插入一个。
我应该怎么做才能防止它并得到准确的一条线?
PS我不能在没有运行的情况下使用TextBlock
android - 2个TextViews,左边是省略号,右边是nowrap,单行
第一次在这个论坛发帖,希望一切顺利:)
我正在为我所在城市的公共交通开发一个 Android 应用程序。
这是一个更完整的示例:s28.postimg.org/5gejnvfd9/actual2.png
奇怪的彩色背景只是为了轻松识别布局/文本视图。您也可以忽略棕色线(没关系)。
基本上,我想要具有可变长度的目的地[红色背景],并且在其右侧,我想要第一个出发时间[绿色背景]。一切都在一条线上。
我需要始终完全显示第一个出发信息(nowrap)。目的地可以用省略号 (...) 包裹。[可选问题,如何将省略号 '...' 替换为 '.' ?]
这是我迄今为止最好的工作代码:
我试过 TableLayout 和 LinearLayour 而不是 RelativeLayout,但没有成功:(
知道我该怎么做吗?
提前致谢!
卢卢克斯
[已解决] 只需轻轻修改valbertos答案:
仅在必要时设置省略号会使文本正确截断。
再次感谢 :)
html - 使缩略图水平滚动而不使用 nowrap
我正在尝试使用 CSS 进行以下设计:
这个想法是让它在全宽容器中水平滚动。
我在包装器中添加了white-space: nowrap,但是由于文本太长,它超出了它的容器。这是该问题的屏幕截图:
请在此处查看实时 jsFiddle
HTML:
CSS:
PS:我阅读了有关使用 display:table 和 table-cell 的信息,如果可以使用它们,有什么想法吗?
谢谢,
html - 跨度上的空白 nowrap
在这种情况下:
我想在必要时在我的 Text 上换行,但我不希望我的 span 换行,我希望它始终坚持部分文本。我该怎么做?
谢谢,