css超出部分設(shè)置省略號(hào)的方法:首先新建文檔;然后在HTML的【<head>】頭部定義【<style>】標(biāo)簽,引入一段內(nèi)聯(lián)的CSS樣式;最后保存以上文件,并在瀏覽器預(yù)覽即可。
本教程操作環(huán)境:windows7系統(tǒng)、css3版,DELL G3電腦。
css超出部分設(shè)置省略號(hào)的方法:
首先,新建一個(gè)HTML文檔,用于承載CSS
保存以上部分,并在瀏覽器預(yù)覽效果,此刻是,并未引入CSS設(shè)置的效果
在HTML的<head>頭部定義<style>標(biāo)簽,引入一段內(nèi)聯(lián)的CSS樣式
對(duì)h1標(biāo)簽定義一段CSS,用于設(shè)置超出部分省略號(hào)顯示,示例:
h1{ width: 300px;/*定義塊元素的寬度*/ white-space: nowrap;/*內(nèi)容超寬后禁止換行顯示*/ overflow: hidden;/*超出部分隱藏*/ text-overflow:ellipsis;/*文字超出部分以省略號(hào)顯示*/ }
保存以上文件,并在瀏覽器預(yù)覽效果
相關(guān)學(xué)習(xí)推薦:css教程