css超出部分如何设置省略号(文字长度超出部分用省略号表示)
生活随笔
收集整理的這篇文章主要介紹了
css超出部分如何设置省略号(文字长度超出部分用省略号表示)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本教程操作環境：windows7系統、css3版，DELL G3電腦。
css超出部分設置省略號的方法：
首先，新建一個HTML文檔，用于承載CSS
保存以上部分，并在瀏覽器預覽效果，此刻是，并未引入CSS設置的效果
在HTML的<head>頭部定義<style>標簽，引入一段內聯的CSS樣式
對h1標簽定義一段CSS，用于設置超出部分省略號顯示，示例：
h1{
width: 300px;/*定義塊元素的寬度*/
white-space: nowrap;/*內容超寬后禁止換行顯示*/
overflow: hidden;/*超出部分隱藏*/
text-overflow:ellipsis;/*文字超出部分以省略號顯示*/
}
登錄后復制
保存以上文件，并在瀏覽器預覽效果
以上就是css超出部分如何設置省略號的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的css超出部分如何设置省略号(文字长度超出部分用省略号表示)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 五菱汽车：缤果车型获海外首批订单，将进军
- 下一篇： 什么是LED电子屏(分别是什么意思)