防止URL中的中断行

Question

如何在Mozilla Firefox中阻止URL中的换行符。使用CSS white-space：nowrap; ？还有其他方法吗？感谢名单。

http://codepen.io/anon/pen/VeNJKW

.container {
  width:  275px;
  padding: 10px;
  border: 1px solid black;
}

.nowrap {
  white-space: nowrap;
}

<div class="container"> 
  This is a URL: <span class = "">http://www.google.com/helloworld</span>
</div>

Answer 1

nowrap样式未应用于您的代码中，应为：

This is a URL: <span class = "">http://www.google.com/helloworld</span>

- ＆GT;

This is a URL: <span class = "nowrap">http://www.google.com/helloworld</span>

Answer 2

你的意思是什么？

.container {
  width:  275px;
  padding: 10px;
  border: 1px solid black;
  overflow: visible;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nowrap {
  white-space: nowrap;
}

http://codepen.io/sheldonled/pen/eJoqWR