JQuery 簡單的文字超出部分隱藏下拉顯示

2022-02-26 21:31:23 字數 1850 閱讀 7511

html**:

<

body

>

<

div

class

="txt_bos"

>

<

div

class

="txt1"

>

石村,位於蒼莽山脈中,四周高峰大壑,茫茫群山巍峨。

清晨,朝霞燦燦,仿若碎金一般灑落,沐浴在人身上暖洋洋。

一群孩子,從四五歲到十幾歲不等,能有數十人,在村前的空地上迎著朝霞,正在哼哈有聲的鍛鍊體魄。一張張稚嫩的小臉滿是認真之色,大一些的孩子虎虎生風,小一些的也比劃的有模有樣。

乙個肌體強健如虎豹的中年男子,穿著獸皮衣,**呈古銅色,黑髮披散,炯炯有神的眼眸掃過每乙個孩子,正在認真指點他們。

div>

div>

<

div

class

="txt_bos"

>

<

div

class

="txt1"

>

「太陽初公升,萬物初始,生之氣最盛,雖不能如傳說中那般餐霞食氣,但這樣迎霞鍛體自也有莫大好處,可充盈人體生機。一天之計在於晨,每曰早起多用功,強筋壯骨,活血煉筋,將來才能在這蒼莽山脈中有活命的本錢。」站在前方、指點一群孩子的中年男子一臉嚴肅,認真告誡,而後又喝道:「你們明白嗎?」

「明白!」一群孩子中氣十足,大聲回應。

山中多史前生物出沒,時有遮蔽天空之巨翼橫過,在地上投下大片的陰影,亦有荒獸立於峰上,吞月而嘯,更少不了各種毒蟲伏行,異常可怖。

「明白呀。」乙個明顯走神、慢了半拍的小傢伙奶聲奶氣的叫道。

div>

div>

<

div

class

="txt_bos"

>

<

div

class

="txt1"

>

這是乙個很小的孩子,只有一兩歲的樣子,剛學會走路沒幾個月,也在跟著鍛鍊體魄。顯然,他是自己湊過來的,混在了年長的孩子中,分明還不應該出現在這個隊伍裡。

「哼哼哈嘿!」小傢伙口中發聲,嫩嫩的小手臂賣力的揮動著,效仿大孩子們的動作,可是他太過幼小,動作歪歪扭扭,且步履蹣跚,搖搖擺擺,再加上嘴角間殘留的白色奶漬,引人發笑。

一群大孩子看著他,皆擠眉弄眼,讓原本嚴肅的晨練氣氛輕緩了不少。

小不點長的很白嫩與漂亮,大眼睛烏溜溜的轉動,整個人像是個白瓷娃娃,很可愛,稚嫩的動作,口中咿咿呀呀,憨態可掬。這讓另一片場地中盤坐在一塊塊巨石上正在吞吐天精的一些老人也都露出笑容。

就是那些身材高大魁梧、上半身**、肌腱光亮並隆起的成年男子們,也都望了過來,帶著笑意。他們是村中最強壯的人,是狩獵與守護這個村落的最重要力量,也都在鍛體,有人握著不知名的巨獸骨骼打磨而成的白骨大棒,也有人持著黑色金屬鑄成的闊劍,用力舞動,風聲如雷。

div>

div>

body

>

css樣式表:

文字超出部分隱藏的兩種方法

文字超出部分隱bjbkwywkab藏,總結兩種方法。1 單行隱藏 html bjbkwywkabquot mi 當文字超過範圍的時候,超出部分會隱藏起來。css mi 2 多行隱藏 html www.cppcns.comot mi 當文字超過範圍的時候,超出部分會隱藏起來。可以設定第幾行開始隱藏。c...

CSS文字超出部分顯示省略號

overflow hidden 超出的部分隱藏起來 text overflow ellipsis 超出文字以省略號 white space nowrap 不換行 overflow hidden 超出的部分隱藏起來 text overflow ellipsis 超出文字以省略號 display web...

用省略號替代文字超出部分

css就能夠處理這樣的需求 單行文字超出 p 很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長 p body html 多行文字超出 很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長 很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長 很長很...