固定宽度div内的链接，不包裹到下一行

Question

Skip to live example.

所以基本上我有<div>具有固定宽度，让我们说200px。它包含链接，根据内容的不同，宽度会有所不同......

当链接的文本很长时，它会换行到下一行;但是，我希望链接永远不会换行，但会导致父级滚动条：

//Bad

This would be a|
long link that |
wraps, which is|
bad.           |

//Good:

This would be a| long link that doesnt wrap, which is awesome.
 <-----------> | //Scroll bar

Answer 1

尝试将此CSS添加到您的课程中：white-space: nowrap查看更多here。