Word自动换行链接，以免溢出其父div宽度
我有这段代码：
div#permalink_section {
width: 960px
}
<div id='permalink_section'>
<a href="here goes a very long link">here goes a very very long link</a>
</div>
链接文本可能会很长，并且当其长度超过div宽度时，它将使div溢出。当链接的宽度超过div宽度时，是否有办法强制链接断开并继续下一行？
问题答案：
以下是跨浏览器兼容的解决方案：
#permalink_section { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
从如何在内包装没有空格的文本？
在此处检查工作示例。
-
HTML： CSS： 问题是，当我悬停时，滚动条会像预期的那样显示出来，但当我取消悬停时，带有id的div中所有元素的宽度都会发生变化。我所说的变化是指它变得更小，以适应下一次悬停时的滚动条…我想要的是...显示滚动条时的宽度变化很好，但是当滚动条不再可见时，我希望它返回到100%的宽度，我甚至尝试将添加到div，但它不起作用。我怎么能这么做... 希望我能把自己说清楚..
-
问题内容： 使用PHP如何模仿的自动链接行为（哪个BTW非常酷）？ 在这种情况下，我不太在意属性。 转换成这样： 如何在PHP中创建类似的功能？ PS：请查看我对此问题的评论，以获取更多示例和行为。 问题答案： 试试看 URL匹配的正则表达式模式来自DaringFireball。 输入文本：
-
我在flexbox数组中有一系列元素。每个元素都包含一张“卡片”，其高度各不相同。当我试图让卡片占据它们所在的flexbox子元素的剩余空间时，它们会溢出到下面一行的元素中。如果我指定所有flex子项都是100%高度，那么它们的高度实际上会折叠为它们内部卡的大小。 蓝色卡片的高度为100%。从字面上看，它们的高度是父母的100%，但这意味着它们会溢出。 我怎样才能让他们只扩展到他们父母的底部呢？
-
问题内容： 给出以下HTML代码段： 您（通常）会得到一个黑匣子，其中的滚动条包含一个数字1至30，每个数字都在新行中。 您可以在该框内上下滚动。 我现在需要的是找出框处于哪个滚动位置的可能性。假设每行高15像素，然后向下滚动到数字10，我想得到的结果是数字150（15像素* 10行）。 我在哪里可以找到这个号码？ 我手上有普通的JavaScript和jQuery。 问题答案： 您需要使用该属性。
-
所以我不知道该怎么解释，但我会试着解释的。我有一个评论页面。帖子是一个顶部，下面的评论字段。在这两者的中间是评论。现在的问题是，在几个注释之后，用户最终不得不向下滚动相当多的时间来查看表单。我想做的是显示4个评论，然后当用户向下滚动时，他们会看到更多。只有当他们在评论上滚动时。所以它类似于，但是在div上。这里有更多的信息来可视化它 如果用户在任何注释上滚动，它将像一样滚动，并显示更多注释。所以它
-
问题内容： 我正在尝试使图像（动态放置，不受尺寸限制）的宽度与其父div一样宽，但前提是该宽度不比其自身的宽度100％宽。我已经尝试过，但无济于事： 这些图像中的许多图像都比其父div宽得多，这就是为什么我希望它们进行相应调整的原因，但是当其中弹出一个小图像并放大到超出其正常尺寸时，它看起来确实很糟糕。有什么办法吗？ 问题答案： 仅指定一个，就应该这样做。