色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css溢出兩行顯示省略號

夏志豪2年前9瀏覽0評論

在網頁中,經常會出現文本內容過多的情況。如果把所有的內容都顯示出來,頁面就會變得很長,不美觀,也不利于用戶體驗。此時,我們可以使用CSS中的溢出文本省略號來解決這個問題。

在CSS中,設置文本溢出省略號的方法是:

overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;

這三行CSS代碼的作用分別是:

  • overflow: hidden;可以隱藏超出元素框的內容,不允許出現滾動條
  • text-overflow: ellipsis;當文本溢出時,用省略號代替被截掉的內容
  • white-space: nowrap;防止文本換行,一行顯示全部內容

這些屬性的組合,可以使得我們在一行文本上自動添加省略號,從而省略掉多余的內容。比如下面這個例子:

p { 
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap; 
width: 300px; 
}

我們給一個p標簽應用上述的CSS樣式,寬度為300px,當文本超出300px時,省略號便自動出現:

JavaScript 是一種基于對象(Object)和事件驅動(Event Driven)并具有安全性(Security)和跨平臺性(Cross Platform)的腳本語言,被廣泛應用于 Web 開發領域。

以上就是關于CSS中文本溢出省略號的簡介。通過合理設置這三個屬性,我們可以讓網頁更美觀,提升用戶體驗。