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

2021-03-26 13:36:21 字數 3846 閱讀 6768

1樓:匿名使用者

不可以,text-overflow: ellipse; 只在一行時起作用,兩行需要用 js 做字串擷取並新增省略號

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

2樓:匿名使用者

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

overflow:hidden;

text-overflow:ellipsis;

-o-text-overflow: ellipsis;

white-space:nowrap;

width:100%;

3樓:清夜悠悠

試試這樣行不

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

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

4樓:匿名使用者

只能在第一行內顯示省略,不能在第二行內換行

測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試

5樓:匿名使用者

一般用程式呼叫的時候設定字數限制,文字結束後,是顯示省略號的

6樓:雪紅之翼

這個我只能說用css實現不了,提供兩種方法,一是用程式輸出時截字,二是用js判斷字數擷取。

7樓:餅子達人千層餅

用overflow:ellipsis;就可以

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

8樓:幻翼高達

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

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

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

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

9樓:大偉吖

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

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

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

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

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

div內多行文字, 溢位部分用省略號顯示 10

10樓:丶人賤合一丶

可以,不過只適合webkit瀏覽器。

在css樣式中加入:

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: x; ————這個x表示要顯示幾行

-webkit-box-orient: vertical;

其中div的高度自己要規定好。

這個是單行的。

在css樣式中加入

width:100px; //你所要的寬度white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

11樓:匿名使用者

也是這個問題,搞定了。

//單行

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

//多行

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;/*顯示幾行*/overflow: hidden;

12樓:豆芽君

在css樣式中加入

width:100px; //你所要

的寬度white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

13樓:

1、首先,顯示標尺。正常情況直接見於word介面中上部。 2、游標停在公式所在的行,不要求行中的具體位置。

3、選擇【格式】選單中的-製表位(t),在出現的對話方塊中設定你所需要的左製表位、右製表位、居中等,根據需要還可以設定前導符號(就像目錄中頁碼前的省略號)。需要有點兒耐心,很快你就精通製表位的設定了。練習:

設定一個左對齊的製表位為5個字元,一個右對齊的製表位為35個字元。清除不需要的製表位。 4、假設一行中有a、b兩部分,在a、b之間加入一個tab(按一下tab鍵),看一下效果。

學會之後,就可以靈活運用了。

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

14樓:悄悄de愛上

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

即使是css3也是沒辦法的。

css中怎麼讓超出塊的文字顯示為省略號

15樓:我命如天不如妖

首先設定這個包裹文字元素的標籤為塊狀元素,之後在確定寬度,之後加上overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

16樓:匿名使用者

設定其text-overflow為ellipsis,強制不換行,及其寬度。如:

這是內回容答這是內容這是內容這是內容這是內容這是內容

17樓:理想

用php檢索,然後代替

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

18樓:流年瀟逝

可以實現,加text-overflow是不能實現的,還要加overflow:hidden;white-space:nowrap;text-overflow:

ellipsis;這樣才可以。

19樓:沮喪的傑克

text-overflow:ellipsis; 溢位文字變為省略號

div+css怎麼顯示兩行或三行文字,然

20樓:言言言小魚

多行文字顯示省略

號方法:

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3; //文字行數overflow: hidden;

適用範圍:

因使用了webkit的css擴充套件屬性,該方法適用於版webkit瀏覽器及移動權端。

21樓:god_like哈兒

jq用字串擷取substr();

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

這個單純css做不了,要在後臺程式控制,css最多能控制單行省略號 不清楚 css3 中是否能實現,但 css2 是無法實現的。解決的方法可以用 js。就是來比如有一行文源 字,很長bai,du內zhi一行顯示不dao下.css怎麼讓第二行內容顯示不下的時候自動省略號!你好,你好,你好,你好,你好,...

如何使中一行文字佔兩行位置且在兩行中間,急

例如上面的效果的製作方法 1 輸入語文,回車後輸入數學 2 單擊插入 形狀 基本形狀 豎排文字框工具 3 在頁面上拖動滑鼠繪製一個豎排文字框,輸入 科目 4 選中文字框,單擊文字框工具格式 形狀輪廓 無輪廓 5 用滑鼠拖動文字框,將其在相應的位置即可。有以下幾種方法 1 插入自選圖形,在自選圖形上插...

帶有淚兩行的詩句,求包含「兩行淚」的詩句

夢裡相思兩行淚 一曲離歌兩行淚,不知何地再逢君 平生只有雙行淚,半為蒼生半美人 男兒兩行淚,一行為蒼生,一行為美人 遙看瘦影翩翩去,默默無語淚兩行 平生只有兩行淚 平生唯有兩行淚 兩行清淚為思親 默默無語兩行淚男人兩行淚 心若動 淚兩行 唯有淚兩行 含著笑的兩行淚 還將兩行淚 道路千萬條 安全第一條...