CSS超出兩行顯示省略號有什麼辦法

2021-04-14 14:42:52 字數 3004 閱讀 3065

1樓:匿名使用者

這個單純css做不了,要在後臺程式控制,css最多能控制單行省略號

2樓:

不清楚 css3 中是否能實現,但 css2 是無法實現的。解決的方法可以用 js。

3樓:匿名使用者

就是來比如有一行文源

字,很長bai,**du內zhi一行顯示不dao下.

css怎麼讓第二行內容顯示不下的時候自動省略號!

4樓:匿名使用者

你好,你好,你好,你好,你好,你好,你好,你好,

你好,你好,你好,你好,你好,你好,你好,你好,

你好,你好,你好,你好,你好,你好,你好,你好,

5樓:言言言小魚

單純的css只能實現一行顯示不下的時候顯示省略號,如果是多行的話,就需要用js實現了。

6樓:你好呀

white-space: initial;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

css怎樣讓html中超出的內容顯示為省略號

7樓:育知同創教育

文字超出了需要隱藏並顯示省略號這個

在工作中很多時候都要用到,我想很多人都碰到過吧,這個有兩種解決方法一是用程式開擷取字元長度,這個其實也是可以的第二種是用樣式來做,這裡主要介紹一下用樣式怎麼來做吧,我話也不多說了吧直接上**吧,

css樣式如下:

[css]

.css1

.css2

[/css]

html**如下:

[html]

web前端開發 – 專注於**前端設計與web使用者體驗web前端開發 – 專注於**前端設計與web使用者體驗[/html]

.css1

8樓:江逸塵笑笑

如果是塊元素的話,大家在css那個塊中新增這幾行**吧(這是多行的文字隱藏加省略號,比較通用)

overflow: hidden;/*自動隱藏文字*/text-overflow: ellipsis;/*文字隱藏後新增省略號*/

display: -webkit-box;

-webkit-line-clamp:2; /*想要顯示的行數*/

-webkit-box-orient: vertical;

css裡面怎麼讓文字長的時候兩行顯示,最多兩行,多餘的省略號顯示,最重要的是支援ie瀏覽器,

9樓:幻翼高達

需要準備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,開啟html編輯器,新建html檔案,例如:index.html。

2、在index.html中的標籤中,輸入css**:

div3、瀏覽器執行index.html頁面,此時文字超過2行會自動把多餘部分用省略號顯示 。

10樓:大偉吖

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

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

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

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

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

div內文字顯示兩行,超出兩行部分省略號顯示css能實現麼? 200

11樓:匿名使用者

在css樣式中寫入如下**:

overflow:hidden;

text-overflow:ellipsis;

-o-text-overflow: ellipsis;

white-space:nowrap;

width:100%;

12樓:清夜悠悠

試試這樣行不

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

想用css做一個文字在兩行顯示 有固定寬高 超出顯示省略號 我看的用強制一行的可以顯示省略號兩行就不行了 5

css能實現二行或二行以上超出字數後用省略號代替嗎

13樓:悄悄de愛上

不可能實現的,css就是控制樣式的而已。

即使是css3也是沒辦法的。

如何僅通過css實現多行文字超長自動省略號

14樓:冷月花魂

overflow:hidden;white-space:nowrap;text-overflow:ellipsis; //隱藏部分帶點(….)

css**:

.text_overflow

html**:

這段文字在超出外部div區域的時候會顯示點點點。

15樓:匿名使用者

css**:

.text_overflow

html**:

這段文字在超出外部div區域的時候會顯示點點點。

16樓:孤寒二世

存在相容性問題//超過$num行就打...  只相容 weikit@mixin ellipsis($num)prehtml:超過11行就打...

div內文字顯示兩行,超出兩行部分省略號顯示css能實現麼

不可以,text overflow ellipse 只在一行時起作用,兩行需要用 js 做字串擷取並新增省略號 div內文字顯示兩行,超出兩行部分省略號顯示css能實現麼?200 在css樣式中寫入如下 overflow hidden text overflow ellipsis o text ov...

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

使用text overflow屬性可實現css擷取字串功能。示例 test 上面的樣式會將id為test的元素超出20畫素之外的文字隱藏,並替換為三個英文半形的句號.text overflow主要支援2個值 ellipsis為顯示省略號,clip為修剪文字,是預設值。white space nowr...

為什麼省略號有點,為什麼省略號有12個點

咱中國人一向以3 6 9等數字作為 多 的代表,如果取 3點的話顯得太少了些,而取9點又有些冗長,因此按咱中國人所推祟的中庸之道來看,取6點折中,正好合符中庸之道,所以省略號取6點為用。一般的省略號有六個點,如果省略的程度特別多,比如省略文章的大部分就可以用12個點,以下回答.省略號6個點好不好。1...