(1)overflow: hidden
overflow 屬性規定當內容溢出元素框時發生的事情。這個屬性定義溢出元素內容區的內容會如何處理。hidden 表示內容會被修剪，并且剪掉的內容是不可見的。

(2)white-space: nowrap
規定文本不進行換行。white-space 屬性設置如何處理元素內的空白。nowrap 表示文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標簽為止。

(3)text-overflow: ellipsis
text-overflow 屬性規定當文本溢出包含元素時發生的事情。ellipsis 表示顯示省略符號來代表被修剪的文本。

(4)width:100px
width 屬性設置div的長度,值得一提的是在響應式中,width是根據lg,md,sm,xs自動設定的無需操作;(我們的優化相當于處理元素內部的間距部分的空白);

(4)eg:

#main_content a{

　　　width:31px;

　　　display:none;內聯是使用;
?? ??? ?word-break:keep-all;/* 不換行 */只能在半角空格或連字符處換行。
?? ??? ?white-space:nowrap;/* 不換行 */
?? ??? ?overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
?? ??? ?text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
?? ??? ?}

轉載于:https://www.cnblogs.com/tiptop/p/5145799.html

總結

以上是生活随笔為你收集整理的Bootstrap的响应式,当文字超过div长度,换行问题的处理!的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。