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