2016-02-18 183 views
0

如何防止Mozilla Firefox中的URL換行符。使用CSS white-space:nowrap;?其他解決方案?感謝名單。防止URL中的斷行

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>

+0

是否有任何其他的解決方案,以解決它在Firefox比使用這個CSS? – Cr0up13r

回答

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> 
0

你的意思是這樣的嗎?

.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