防止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> 

- >

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