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...