css超出部分設置省略號的方法:首先新建文檔;然后在HTML的【<head>】頭部定義【<style>】標簽,引入一段內聯的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教程