(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;一起使用。*/
}