CSS擷取字串,多餘文字省略號顯示

2022-04-13 02:40:11 字數 3964 閱讀 5529

1樓:匿名使用者

使用text-overflow屬性可實現css擷取字串功能。

示例:#test

上面的樣式會將id為test的元素超出20畫素之外的文字隱藏,並替換為三個英文半形的句號...

text-overflow主要支援2個值:ellipsis為顯示省略號,clip為修剪文字,是預設值。

white-space:nowrap;的作用是不讓元素中的內容折行,在一行顯示。

overflow:hidden;為溢位隱藏,目的是超過元素寬高的部分不再顯示。

width:20px;設定了元素的寬度,內容超出這個寬度後會顯示省略號。

2樓:

padding-right:7px;讓連結的右邊產生7畫素空白

background:url(ellipsis.gif) no-repeat right bottom;給連結定義一個背景圖,在連結的右邊顯示,不重複

3樓:匿名使用者

這個最好不用css的那個,各瀏覽器支援不是很好。

最好在服務端擷取字串好些。

客戶端js應該也能行吧,沒見過,呵呵。

4樓:匿名使用者

小氣鬼的樓主,連一分都不給...但正好有時間,我來幫你註釋吧.

css擷取字串,超出用省略號代替

css擷取字串,並將超出用省略號代替

用css樣式擷取字串,多的用省略號表示

5樓:

我之前弄個一個用div 擷取的,單是不相容!i6可以 換其他的,就不行了!現在一直是用程式截!

6樓:匿名使用者

就是比如有一行文字,很長,**內一行顯示不下.

7樓:匿名使用者

我一般用php函式來擷取。

8樓:八戒是個水手

試試看,前面一段我知道,加上...倒還真的不知道,看看效果

你試試!

9樓:匿名使用者

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

eg:做自己的seo 做自己的div+css 做自己的php

怎麼讓css控制首頁呼叫的標題擷取固定字元數量,而多餘的顯示為省略號?

10樓:匿名使用者

<% if len(trim(rs("news_info_title")))>17 then

response.write left(trim(rs("news_info_title")),17)&"..."

else

response.write trim(rs("news_info_title"))

end if%>

11樓:匿名使用者

css 單行溢位文字顯示省略號...的方法(相容ie ff)**) http://www.

css 中間省略號擷取文字**

12樓:前端小王子

你好,copy看了 你的問題,單純用css現在貌似解決不了,css只能實現溢位隱藏,用...來表示。

你需要隱藏中間部分內容,需要用到js啊。可以用js先算出字串的長度,然後擷取收尾兩段顯示,中間加...即可。

css+div 控制多行文字的顯示,多餘的以省略號顯示 100

13樓:匿名使用者

html參考**,加註釋的部分就是實現多行文字省略的必要屬性。

word-break 屬性規定自動換行的處理方法。normal(使用瀏覽器預設的換行規則。),break-all(允許在單詞內換行。

),keep-all(只能在半形空格或連字元處換行。)

14樓:昌e電腦

如果是單面自己寫的頁面,加直接輸入五行後用省略號。

如果是呼叫資料庫並有**程式,可以**程式的標籤上設定呼叫位元組數。

標籤後用省略號。

15樓:匿名使用者

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 5;

-webkit-box-orient: vertical;

div+css怎麼顯示兩行或三行文字,然後多出的部分省略號代替??

16樓:

如果想要在一行裡實現「超出長度顯示省略號」,是可以的。

overflow: hidden;white-space: nowrap;text-overflow:ellipsis;

這幾句css就可以,不要加上去的容器一定要寫了寬度的注意:這裡實現的是「超出長度」,而不是「超出字數」,並且在一行裡實現。

如果是兩行或者三行的容器,想要純用css實現這個方法,是沒辦法做到的。

可以提供兩種方法,一是用程式輸出時截字,二是用js判斷字數擷取。

js的demo如下:

17樓:荒野牧羊之殤

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

18樓:陸舒傑

這個可以用列表來實現

文字...

文字...<

文字...<

19樓:匿名使用者

在樣式表中加入:overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */

text-overflow:ellipsis;/* 當物件內文字溢位時顯示省略標記(...) ;需與overflow:hidden;一起使用

20樓:貪戀邇的香吻

最簡單的方法就是:

字字字...

字字字...<

字字字...<

21樓:〇輪佪

css的樣式 text-overflow: ellipsis; -o-text-overflow: ellipsis;

相容性不強

22樓:遲暮丶

多行文字超出部分顯示省略號,是可以用 css 解決的

display: -webkit-box;    //將物件作為彈性伸縮盒子模型顯示

-webkit-box-orient: vertical;    //設定或檢索伸縮盒物件的子元素的排列方式

-webkit-line-clamp: 3;    //用來限制在一個塊元素顯示的文字的行數

overflow: hidden;

不過這個用了 webkit 的css 擴充套件屬性,相容性方面,只能適用於 webkit核心瀏覽器 和 移動端了。

其它核心的瀏覽器想做相容的話,可以在 偽類元素 上 考慮下,藉助 after 或者 before 定位到盒子的右下角(注意盒子文字內容的行高和內邊距),內容新增 省略號(content:'...';),如果文字內容 有 英文或者數字混合的話,可以考慮加一點 透明的背景過渡,做一點修飾效果。

23樓:德魯大叔

要是是迴圈出來的資料怎搞?多條資料 id只能一個。。。。。。。

javasplit根據換行符號擷取字串為陣列

classmain staticpublic voidmain string str strings 1234567 n890 n110a string array s split t n for int i 0 i main class 字串主要用於程式設計,概念說明 函式解釋 用法詳述見正文,這...

jquery怎麼擷取字串,怎麼從json字串中擷取字串

您好!jquery是js的一種框架,可以用js的substring方法實現你的功能!function substr 希望對您有幫助!jquery只是js的一種框架,像擷取字串,當然直接用js的方法就行了呀 js自帶的就很好用了 substr substring start,end 怎麼從json字串...

vb獲取字串中字元,vb獲取字串中字元

private sub command1 click dim b as integer,a as string,i as integer,c as string,d as string a text1.text c d for i 1 to len a b asc mid a,i,1 if b 65...