我不是專業前端,所以折騰了老半天啊QAQ 需求是兩個div,內層div不換行且超出時外層div顯示橫向滾動條 類似以下這種: 剛開始的代碼如下: css樣式: 這個完全沒辦法達到要求,那個white-space:nowarp像死了一樣不起作用 ...
overflow:hidden text overflow:ellipsis white space:nowrap ...
2019-04-09 13:36 0 2840 推薦指數:
我不是專業前端,所以折騰了老半天啊QAQ 需求是兩個div,內層div不換行且超出時外層div顯示橫向滾動條 類似以下這種: 剛開始的代碼如下: css樣式: 這個完全沒辦法達到要求,那個white-space:nowarp像死了一樣不起作用 ...
在CSS中,可以通過white-space屬性來實現文字不換行顯示;只要將white-space屬性的值為nowrap就可強制文字不換行。 white-space屬性指定元素內的空白怎樣處理。它有以下屬性值: normal:默認。空白會被瀏覽器忽略。 pre:空白會被瀏覽器保留 ...
項目使用場景 ...
設置文字不換行,超過的部分用“...”代替 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 210px; 除width屬性 ...
...
在寫頁面的時候,我們經常會需要用到關於文本的換行,強制換行以及顯示幾行超過顯示省略號等,今天我們就對這些問題來做個匯總吧! 1、自動換行 2、強制不換行 3、強制英文單詞換行 4、單行文本不換行多余文本顯示省略號 5、多行文本超出 ...
原文:https://www.cnblogs.com/coolsboy/p/11495836.html 在寫頁面的時候,我們經常會需要用到關於文本的換行,強制換行以及顯示幾行超過顯示省略號等,今天我們就對這些問題來做個匯總吧! 1、自動換行 2、強制不換行 ...