问题标签 [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 回答
271 浏览

jquery - CSS 溢出和无换行问题

我正在研究一个封装在手风琴中的树小部件。我几乎希望树有相互冲突的要求,但我想检查一下是否有人有任何想法。

目前,我正在对文本应用“空白:nowrap”,以使文件夹一直展开到外层父级,然后滚动,这样它们在达到可用的最大宽度时就不会换行(http://screencast.com/t/F7BycuaGx)。

问题是当您现在有长文本时,它现在不会换行文本(http://screencast.com/t/bzrs5FH8r)。除非是上述情况,否则我希望文本换行。

有任何想法吗?

0 投票
2 回答
15496 浏览

whitespace - 根据子级宽度扩展 div 宽度

这是我的小问题(此处的值仅用于示例):

假设我有一个宽度约为 500 像素的窗口。在我的文档中,我有一个没有指定宽度的外部 div,但有以下 css:

在这个 div 中还有 3 个其他 div,它们具有以下属性:

(注意 . 的宽度400px。这就是问题所在,线比窗口宽,并且外部 div 没有延伸。HTML 看起来像这样:

我想要实现的是让 3 个内部 div 具有蓝色背景,而不为t1类设置它。这个例子将产生一个蓝色背景,限制在窗口的宽度。

在此处查看完整示例:http: //jsfiddle.net/sjCTR/(如果您的屏幕太大,您必须调整左下角)

我想知道是否可以仅通过 css/html 以某种方式实现,而无需设置外部 div 宽度/内部 div 背景?

0 投票
4 回答
121908 浏览

html - 属性“nowrap”被认为是过时的。建议使用较新的构造。它是什么?

使用 Visual Studio 2010 在 ASPX 页面中编译时出现错误:

错误信息是

错误消息指的是什么构造?它的行为是否与“nowrap”完全相同?

0 投票
2 回答
2322 浏览

html - 在这种情况下防止换行

我试图防止在这个 Html 中换行

http://jsfiddle.net/DD3v8/

碰巧当我调整窗口大小时,图标和文本都会换行。我已经尝试过使用空白 CSS 属性。我也尝试过,一种表格方法,但行为是一样的

谁能弄清楚发生了什么?

提前致谢

0 投票
1 回答
795 浏览

css - 很多浮动:左元素。强迫他们超出容器的宽度而不是跳到下面?

我有一个固定宽度的容器和很多 div,里面有 float:left 应用于它们。

但是,当我在其中添加更多 div 时,它们会低于第一个 div,就像在新行上一样。

我需要它们超出容器的宽度(它已应用溢出:隐藏)。

0 投票
1 回答
5256 浏览

css - CSS 空白:nowrap;p标签坏了

所以我有一个 P 标签将一些文本组合在一起,这样它就不会离开盒子,所以看起来不错,但是当我添加 white-space: nowrap; (为了使水平溢出)它打破了这一切,现在它只是走出它的盒子,无法找到解决这个问题的方法。

添加了更新代码

然后我只是将picturePost div 放入内容div 中几次。

0 投票
4 回答
23422 浏览

overflow - 为什么“nowrap”div 中的“inline-block”元素会溢出?

以下代码导致#headline 溢出#wrapper,我不明白为什么会这样。

HTML:

CSS:

示例代码:http: //jsfiddle.net/XjstZ/21/http://tinkerbin.com/XvSAEfrK

0 投票
1 回答
4700 浏览

css - whitespace nowrap in firefox

I am using the custom scroll bar which has ul list inside. When evener the ul list or li content extends then the scroll bar is getting extended.

I have used white-space:nowrap for the main div so that ul width is getting extended but it is working only in chrome but not working in firefox/IE and other browsers.

Here is my code

CSS

0 投票
3 回答
26692 浏览

css - 使 div 宽度适合内容而不适合父级

我想为我拥有的按钮制作一个标签。我的问题是标签比按钮宽。我目前已经这样做了(简单示例):

CSS:

我想要的是标签采用标签文本本身的宽度而不包裹文本。目前它不换行文本,但标签框中的文本溢出,因为该框只占用容器的最大宽度。

如何强制标签div适合文本的大小而不继承父级的宽度?

0 投票
3 回答
4562 浏览

html - 空白:nowrap 打破显示:表

我快要疯了。我使用了搜索和谷歌,但无法提出解决方案,它不起作用:(

我有一个嵌套在其他 div 中的 div,用于自动垂直居中和背景。最初它垂直适合多个图像并动态调整它们的大小。我根据图片的数量(宽度,填充)使用了几种css样式。

但是对于这个画廊,我有很多图片,原来的布局分成几行,但我想要一个嵌套的 "white-space:nowrap" 和 overflow-x: auto; 在我的分区中。所以我可以滚动它们,但是“white-space:nowrap”会破坏所有的东西,破坏所有的 display:table 属性。

我想这应该发生?但是我需要一个其他的解决方案或至少一个善意的提示。

我还做了一个简化的小提琴: http: //jsfiddle.net/x696B/9/ 如果你删除它的工作显示表属性,并滚动。我需要在我的 div 中。:D

这是我的nooby css(相关部分)

如果我将 display:table 和 display:table-cell 标记为评论,则画廊看起来不错并且可以滚动,但它没有居中。(得到其他带有徽标的div等)

这是我的html

哦,原谅我这个愚蠢的问题,到目前为止这个论坛是一个很大的帮助,但现在我输了。

提前致谢。