裹超鏈接文本

預先感謝您的幫助！我看了幾篇文章，但無法找到一個解決方案來解決我的問題，或者真正解決了我面臨的問題。我正在使用bootstrap 3.3.5構建一個固定的導航欄。一些超鏈接文本很長。我想包裝超鏈接文本。我還需要使用下拉菜單。我一直在嘗試將文本打包失敗。裹超鏈接文本

我試圖在<p>這樣創建我的鏈接：

<li><div><p class="navber-text"><a href="#temp_url">a very long and wordy link goes here</a></p></div></li>

我也嘗試添加：

@media (min-width: 768px) { 
    .navbar-text { 
    float: left; 
    margin-right: 15px; 
    margin-left: 15px; 
    white-space:normal !important; 
    max-width:200px; 
    word-wrap: normal; 
    }

我custom.css文件，我只是不能似乎讓它工作。

會有人給我看，我想提出我的錯誤？按鈕組對我來說是更好的選擇嗎？

我確實需要正如我剛纔所說使用下拉菜單，如果我沒有使用一個按鈕組我想它在屏幕在任何時候都頂部仍然可見。

感謝您可以提供任何幫助。

來源

2015-07-02 demuro1

這個問題已經回答 http://stackoverflow.com/questions/31177183/how-to-word-wrap-a-url/31177253#31177253 –

使用word-break: break-all;打破詞語的CSS

來源

2015-07-02 07:33:34

裹超鏈接文本

回答

相關問題