white-space: nowrap
規定段落中的文字不進行換行：p值：
normal 預設。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 html 中的標籤。
nowrap 文字不會換行，文字會在在同一行上繼續，直到遇到
標籤為止。
pre-wrap 保留空白符序列，但是正常地進行換行。
pre-line 合併空白符序列，但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值
參考：
如何控制table中的資料不進行換行顯示
在縮小網頁視窗時經常會出現 內的資料換行顯示的問題，導致 失真，此時只需要給 新增如下的的樣式即可 table td,th 此時 內的資料會按照設定好的比例進行顯示，並且如果內容不能顯示完整的時候會出現橫向滾動條 看到標題你一定很輕易就會想到截斷文字加 的做法。哈哈，就是這樣。其實寫這篇日誌也只是把...
div中內容文字垂直居中 文字不換行顯示省略號
目錄 div中文字垂直居中 2 文字不換行，文字溢位顯示省略標誌 1 行高法 文字的行高和容器的高度相同，p2 內邊距 padding 法 適合一行或幾行文字垂直居中，原理就是利用padding將內容垂直居中 p3 css3的transform來實現 center vertical.center h...
前端隨筆 html中文字不換行的處理方法
前言 在html中，連續的數字和字母，以及字母和數字的組合是不會自動換行的。如果想要設定自動換行，可以應用樣式 word wrap break word 1.有時，我們在前端，需要設計類似於這樣的訊息框，會限定訊息框的 width 和 height 但是，如果當我們的訊息內容為數字或者字母的時候，就...