您現在的位置是:電腦技術吧?>? 編程技術 ??>??文本溢出顯示省略號,多行文本溢出省略號隱藏??>??正文詳情

文本溢出顯示省略號,多行文本溢出省略號隱藏

用白翠2019-11-13 21:31:10 人圍觀
簡介多行元素的文本省略號CSS文本溢出省略號文本溢出:省略號文本溢出是一個特殊屬性,由W3C的早期文檔定義(當前文檔不包含文本溢出屬性FML!)as:名稱:文本-單行文本省略號

CSS文本溢出省略號  text-overflow:ellipsis  ext-overflow是一個比較特殊的屬性,W3C早前的文檔中(目前的文檔中沒有包含text-overflow屬性,FML!)對其的定義是:  Name: text-overflow-mode  Value: clip | ellipsis | ellipsis-word  clip :  不顯示省略標記(),而是簡單的裁切  ellipsis :  當對象內文本溢出時顯示省略標記(),省略標記插入的位置是最后一個字符。

  ellipsis-word :  當對象內文本溢出時顯示省略標記(),省略標記插入的位置是最后一個詞(word)。

  例子 代碼如下 .ellipsis li{ -moz-binding: url('ellipsis.xml#ellipsis');/*相對當前html的路徑*/ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:200px; }   你可能也注意到了,兼容火狐瀏覽器的關鍵代碼 -moz-binding: url('ellipsis.xml#ellipsis'); 就是加載了一個XML文件。

  ellipsis.xml代碼: 代碼如下 ?xml version=1.0 encoding=utf-8? bindings xmlns=http://www.mozilla.org/xbl xmlns:xbl=http://www.mozilla.org/xbl xmlns:xul=http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul binding id=ellipsis content xul:description crop=end xbl:inherits=value=xbl:text children/ /xul:description /content /binding /bindings   要問我為什么,這些是瀏覽器的bug,我想不必深究  下載這個Jquery插件:jQuery ellipsis plugin  調用方法: 代碼如下 $(document).ready(function() { $('.ellipsis').ellipsis(); }   php直接進行字符截取 代碼如下 public static function chinesesubstr($str, $start, $len) { // $str指字符串,$start指字符串的起始位置,$len指字符串長度 $strlen = $start $len; // 用$strlen存儲字符串的總長度,即從字符串的起始位置到字符串的總長度 for($i = $start; $i $strlen;) { if (ord ( substr ( $str, $i, 1 ) ) 0xa0) { // 如果字符串中首個字節的ASCII序數值大于0xa0,則表示漢字 $tmpstr .= substr ( $str, $i, 2 ); // 每次取出兩位字符賦給變量$tmpstr,即等于一個漢字 $i=$i 2; // 變量自加2 } else{ $tmpstr .= substr ( $str, $i, 1 ); // 如果不是漢字,則每次取出一位字符賦給變量$tmpstr $i ; } } return $tmpstr; // 返回字符串 } 使用方法 chinesesubstr($str, 0, 10);

版權聲明:本文由 用白翠 整理編輯。

原標題:文字溢出省略號,文本超出省略號

轉載注明出處:http://www.dn9ww09s.icu/program/11950.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦安裝系統,電腦系統重新安裝步驟

    電腦安裝系統,電腦系統重新安裝步驟 相關圖片電腦怎么安裝系統軟件現在很多人想在購買新電腦時安裝自己喜歡的系統。目前的系統主要分為四種:原來的XP系統、兼容性好的win7系統、先進的win8系統和市場上最新的win10系統電腦安...

  • attr和,attr怎么用

    attr和,attr怎么用 相關圖片matterattr()特性自css2.1標準以來就一直存在,但現在它才變得流行起來。它提供了一種在CSS中使用HTML標記上的屬性的聰明方法,這可以幫助您在許多情況下保存attempt...

  • 電腦軟件亂碼怎么修復,亂碼修復工具

    電腦軟件亂碼怎么修復,亂碼修復工具 相關圖片亂碼軟件現在很多人在使用電腦時,有時會遇到各種各樣的問題。例如,系統的中文顯示會出現代碼混亂,這也是故障之一。怎么了?我們怎樣才能解決這個問題?現在我會告訴你具體...

  • 安全模式怎么解除dnf,dnf安全模式解除不了

    安全模式怎么解除dnf,dnf安全模式解除不了 相關圖片dnf永久取消安全模式如何去除DNF安全模式是很多小伙伴頭疼的問題,因為玩家無法在安全模式下進行敏感的操作,如出售裝備、丟棄道具、拆卸裝備等,會給人這樣的提示,影響心情。...

  • 無法應用轉換程序,編寫一個程序

    無法應用轉換程序,編寫一個程序 相關圖片數制轉換這個功能主要是為了方便UBB發布。一。自動識別圖片、超鏈接、字體顏色、粗體、斜體和下劃線字體的HTML代碼,并將其轉換為UBB代碼。2。兼容htmlheadti能將高級語言轉換成目標...

  • 打印機出錯怎么解決,打印機常見問題及解決方法

    打印機出錯怎么解決,打印機常見問題及解決方法 相關圖片打印機顯示無法打印打印機作為一種重要的辦公設備,當它不能打印時,很多人都在討論如何處理它。打印機無法打印的原因有很多。如果我們遇到打印機不能打印,我們應該從簡單到...

  • 四行八列,四行五列

    四行八列,四行五列 相關圖片四行一列的面板首先看效果:這里是源代碼:htmlheadtitletest/titletype type=text/CSSUl{margin:0px;padding:0px;四行三列行列式計算器...

  • mrt文件用什么軟件打開,增強mrt是什么

    mrt文件用什么軟件打開,增強mrt是什么 相關圖片.bat是什么文件當我們認為大多數用戶會打開資源管理器來關閉一些不必要的流程以節省資源時,但是當我們看到很多流程時,我們不知道是否有任何影響。mrt.exe進程是許多用戶不知道它...

  • 規范書寫,9的規范書寫

    規范書寫,9的規范書寫 相關圖片生字書寫規范方法我寫了這么長時間的CSS,但是大部分前端用戶沒有按照好的CSS編寫規范編寫CSS代碼,這會影響代碼的閱讀體驗。這里我總結了一個CSS的編寫規范和CSS的編寫順序數字零...

  • win7電腦安全模式怎么進,win7安全模式進不去

    win7電腦安全模式怎么進,win7安全模式進不去 相關圖片windows7安全模式如果電腦出了問題,不能進入系統怎么辦?計算機出現問題的原因有很多。我們可以讓電腦進入安全模式,希望能幫助你找出問題和解決辦法。如何輸入具體要求?接下來...

熱評文章

  • 本地連接獲取不到網絡地址,本地連接正在獲取網絡地址怎么辦

    本地連接獲取不到網絡地址,本地連接正在獲取網絡地址怎么辦 相關圖片本地連接連不上近日,Windows 7系統用戶反映,電腦開機后,網絡連接一直顯示“獲取網絡地址”,過一段時間就會變成“無法獲取網絡地址”。此問題導致網絡連接無法訪問Inter本地連接...

  • css元素垂直居中,css實現元素垂直居中

    css元素垂直居中,css實現元素垂直居中 相關圖片css元素橫向居中表格單元格可以方便地設置文本和圖像的水平和垂直中心,使元素垂直居中:將該元素的容器設置為表格單元格,具有表格單元格的特性,然后使用垂直對齊css水平居中...

  • 此網站出具的安全證書不是,瀏覽器打開出現證書錯誤

    此網站出具的安全證書不是,瀏覽器打開出現證書錯誤 相關圖片網站安全證書怎么安裝相信當一些用戶瀏覽網站時,會提示他們網站的安全證書有一個解決問題的方法。首先要檢查的是系統時間是否正確。大部分時間是由時間問題引起的。如果時間...

  • display在那里用,html里display

    display在那里用,html里display 相關圖片display怎么用顯示:block是塊對象的顯示:none不是要顯示qu1:我經常看到有一個層,然后在里面寫一些東西,然后給它一個屬性顯示:none,這樣這個東西就不能在網頁上看on display...

  • 臺式機怎么分屏顯示器,臺式機如何實現分屏

    臺式機怎么分屏顯示器,臺式機如何實現分屏 相關圖片分屏電腦怎么組裝只有很多情況下,同一臺電腦連接兩臺顯示器,并在不同的屏幕上顯示,但案件的實質是一臺電腦。如果由于計算機的負載能力差,需要同時使用兩臺計算機,希望將...

  • 電腦亮度怎么調對眼睛最好,臺式電腦怎么調節亮度

    電腦亮度怎么調對眼睛最好,臺式電腦怎么調節亮度 相關圖片電腦屏幕亮度如何調有時如果我們的電腦沒有電源,它會自動跳轉到節能模式,這樣我們的電腦屏幕就會顯得有點黑,而且眼睛也有一定程度的損傷,那我們怎么再調整呢?下面是如何...

  • 語義化標簽都有什么,常用的語義化標簽有哪些

    語義化標簽都有什么,常用的語義化標簽有哪些 相關圖片html5語義化標簽優點在當前的web標準隱藏規則中,不推薦甚至反對使用B和I標記,因為它們被認為表示粗體和斜體,沒有任何語義。在新的HTML5工作草案中使用更多的strong和EM標html5語義化...

  • 0xc000007b,0xc000007b無法正常啟動

    0xc000007b,0xc000007b無法正常啟動 相關圖片0xc000007b win10在運行程序時,很多用戶遇到應用程序無法正常啟動0xc000007b的提示,導致程序無法正常打開。實際上,這個問題主要是由系統軟件或其他原因造成的。然后,應用程序開機藍...

  • ie 兼容性,ie怎么設置兼容性

    ie 兼容性,ie怎么設置兼容性 相關圖片ie添加兼容性站點HTML5有一個很好的屬性,占位符。當鼠標集中在它上面時,提示文本將消失。在失去焦點后,它將再次出現:但是在不支持較低版本HTML5的瀏覽器中,占位符屬性無效。...

  • 000007e藍屏,藍屏0ed

    000007e藍屏,藍屏0ed 相關圖片藍屏000008e很多用戶反映,這臺電腦剛買下來,藍屏錯誤碼ox0000007e無緣無故出現。0x0000007e error表示系統進程遇到問題,如果遇到此類問題,應該怎么辦?0x0000007e藍屏...

關注微信

变脸官网查询