bootstrap 內容簡略顯示

2021-07-06 06:28:14 字數 439 閱讀 4230

1、首先需要在table中設定table-layout:fixed;

2、然後在表頭th中設定每列的寬度

普通

複雜

3、然後在需要當長度大於一定數值時用省略號表示的td上面新增樣式
01

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

這樣就可以做到,將過長的內容簡化為 前部分+...

但是,如果是重要資訊,不能看到全部,總是會不盡人意,當然,title屬性可以替你解決這個問題

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

這樣,當滑鼠移動到這個地方,你就會看到title中的資訊。

文字省略顯示

效果 與多年不見的朋友相聚。露天咖啡廳,裊裊的咖啡香,落日映紅霞,餘暉灑落在我們身邊,如一幅陣年遺香的掛畫。歲月橫隔在彼此間,那些遙遠的念想溶入靜美的年華中,時光宛如遲暮美人,盈水邀月,橫笛玉音,輕紗漫舞。只是 如花美眷,又怎敵似水流年。div 2.js contents conts each fu...

bootstrap 內容總結

bootstrap 中的css根節點裡面生命了許多的變數 如 root 使用方法 使用的時候使用 樣式屬性 var bule 使用關鍵字var 來取出樣式的key,就可以使用變數css了 bootstrap 給所有的元素都變成怪異盒模型,這樣設定寬高不會增加盒子的大小 after,before 樣式...

css實現標題縮略顯示方法

今天在哈爾濱今日圖靈學校,有朋友說起了應用css樣式來實現文章標題多出的截去以省略號代替的方法 說來慚愧這方法早知道可竟然沒仔細了解 看到演示,如夢方醒,以後再也不費力氣用程式來截去多餘字串了.這個方法很簡單主要就是應用css中的text overflow ellipsis實現 首先我們來看看tex...