问题标签 [nowrap]

我正在尝试在 2 个 div 中实现过去和未来的图片线。屏幕左侧的所有图片从右到左堆叠到无穷大，屏幕右侧的所有图像从左到右堆叠到无穷大。我几乎已经实现了这一点，只是我无法阻止图像换行。

小提琴

HTML

CSS

任何帮助都会很棒。目前他们正在垂直堆叠到无穷大:(

为了确保我尽可能清楚，我有一个包含内容占位符的母版页。在内容占位符里面我有一张桌子。我希望表格足够大，以允许列中的所有内容都在一行上，但我不希望它比这更大。一旦表格大小合适，我希望容器/页面缩小到表格上，这样就没有随机空白。有人对如何正确完成此操作有任何想法吗？

我试过的：

我有一个带有内容占位符的母版页。我设置了包含内容占位符的 div

这会将容器缩小到内容占位符内部的大小。在我想重新格式化内容占位符内的表格之前，这工作得很好。我不喜欢收缩是如何在有空白的任何时候强制我表中的元素换行的。所以我加了

到我的各个列，这给了我想要的效果，让我的所有列占据一行/行，并且容器很好地缩小到我的桌子上，直到我完成最后一个

在我的最后一个专栏。我意识到容器没有根据我是否使用而改变大小

或不。容器已经缩小了一个固定的量，每次我通过防止包装使一列变宽时，桌子都会越来越接近我的页面边缘。然后，当我打开我的最后一列时，表格越过了页面。我添加了

这让我可以看到我的整个表格，但我不想滚动，并且页面有足够的空间在窗口中伸展以容纳我的表格而无需滚动。我也做过

但这并没有给我想要的效果，因为这样容器就不会在桌子周围缩小，而且我觉得桌子当时太宽了。我也试过

但这没有任何效果。

谢谢

PS这是我的内容占位符代码

PSS 相关母版页代码：

是否可以仅使 TextView 中的部分文本不换行到下一行？

目前我有：

在我想要的小屏幕上：

但是如果屏幕上有足够的空间我想要：

这样文本的一部分[kg/m^2]总是一体的。

http://jsfiddle.net/a2kvU/

在大多数屏幕尺寸下，这看起来像

在小屏幕尺寸（以及足够大的真实文本）下，这看起来像

注意左列的换行。如何强制左列不换行？

我不希望孩子 div 包装。因此创建了上面的css。

在 div“child1”中，我指定了在不同位置变化的宽度。为了防止 div child2 超出容器，我想在 child2 中指定最大宽度。IE。不超过父 div。（我无法计算和输入）我怎么能做到这一点。我可以看到现在 div child2 比父容器要消失。如何防止这种情况？

请帮忙。提前致谢。

我现在是我的宽度div，但我不知道我的孩子button和ins标签的高度。ins 标签没有包装。

我想用标签显示button在一行中。ins

有我的代码，但现在ins如下button：http: //jsfiddle.net/ZZrJM/
我不能使用div.

如何在一行中显示按钮和ins？

我试图弄清楚为什么当我这样做时我的父元素会失去它的宽度？请看我的小提琴：

http://jsfiddle.net/ks3Qu/

HTML

CSS

我正在尝试创建一个子菜单，但是当 li 有空格：nowrap 时，ul 宽度会忽略它并导致文本溢出。（ul 宽度不会增加以包裹文本）
有人知道解决这个问题的方法吗？

编辑。如果我将显示属性更改为可见性，它似乎可以解决 Chrome 上的问题，但它仍然存在于 ie 上。

** jsFiddle **

HTML

CSS

我遇到了水平布局问题：http: //jsfiddle.net/GqH6s/4/

似乎父#content div从它的第一个孩子（#projects）获得它的宽度，而不是它所有孩子的总和。

我知道我可以使用 jQuery 来解决它，但如果可能的话，我想使用 CSS。

谢谢你的帮助！

基本的html：

和 CSS：

好的，我有一个问题在那里。简而言之，这是一个 fiddle。我将在这里重复自己：

HTML：

CSS：

第一个问题是：为什么innerdiv的背景没有覆盖整个span？第二个：当然，我想要修复。

还有一件事：html元素是由第三方工具生成的，我无权访问，这使得“将它全部包装在另一个div中”的事情变得不可能。只有CSS，只有铁杆！

更新：

顺便说一句，容器本身是可调整大小的（准确地说是 a frameinside a ）。frameset

编辑：

我已经更新了小提琴以提供更多信息。The problem is, that when the second divwill be selected, I'd like the red background to stretch to the width of the longest line.

更新 2：

上述问题可以通过display: table-row;（见这里）来解决。棘手的事情是即使内容比容器本身宽（小提琴）也能做到这一点。