DIV css內容太長,怎麼實現點選餘下全文?

2025-03-15 04:55:25 字數 3708 閱讀 3421

1樓:破曉

html**:

收起。唧唧復唧唧,木蘭當戶織。不聞機杼聲,惟聞女嘆息。

惟聞 通:唯)問女何所思,問女何所憶。女亦無所思,女亦無所憶。

昨夜見軍帖,可汗大點兵,軍書十二卷,卷卷有爺名。阿爺無大兒,木蘭無長兄,願為市鞍馬,從此替爺徵。(惟聞。

通:唯)東市買駿馬,西市買鞍韉,南市買轡頭,北市買長鞭。旦辭爺孃去,暮宿黃河邊,不聞爺孃喚女聲,但聞黃河流水鳴濺濺。旦辭黃河去,暮至蒙特內哥羅頭,不聞爺孃喚女聲,但聞燕山胡騎鳴啾啾。

萬里赴戎機,關山度若飛。朔氣傳金柝,寒光照鐵衣談碰告。將軍百戰死,壯士十年歸。

歸來見天子,天子坐明堂。策勳十二轉,賞賜百千強。可汗問所欲,木蘭不用尚書郎,願馳千里足,送兒還故鄉。(一作:願借明駝千里足)

爺孃聞女來,出郭相扶將;阿姊聞妹來,當吵兆戶理紅妝;小弟聞姊來,磨刀霍霍向豬羊。開我東閣門,坐我西閣床,脫我戰時袍,著我舊時裳。當窗理雲鬢,對鏡帖花黃。

出門看火伴,火伴皆驚忙:同行十二年,不知木蘭是女郎。(帖。

通:貼;驚忙一作:惶;惶 火伴 通:夥)

雄兔腳撲朔,雌兔眼迷離;雙兔傍地走,安能辨我是雄雌?

css**:

charset "utf-8";.title-block

height: 26px; text-align: center;}.

blockblock >

detail

block >

case-block

block >

case-block div:nth-of-type(1)

block >

case-block div:nth-of-type(2)

block > type="checkbox"]

block > type="checkbox"]:hover + case-block .block > type="checkbox"]:

checked + case-block div:nth-of-type(1) .block > type="checkbox"]:

checked + case-block + detail

採用技術點:

css3中的伸縮盒佈局flexible box layout

css中的關係選擇符。

css中的偽類選擇符。

css中的屬性選擇符。

我可以在乙個頁面實現,點選全文,點選收起,如果頁面上有多個這樣的段,該怎麼處理啊

2樓:豆芽君

div的內容div的內容div的內容div的內容div的內容。

點選收起。div的內容div的內容div的內容div的內容div的內容。

點選收起。(document).ready(function())

$(".btn2").each(function())

把兩段div內容放進乙個大的div裡就可以了。

點選** div+css

3樓:網友

>">首頁網頁版式佈局。

自適應寬度。

固定寬度。div+css教程。

新手入門。常見問題。

div+css例項。

常用**。站長雜談。

技術文件。**素材。

這是乙個完整的二級選單**,沒有使用js(上面的js是為了相容ie6),原理很簡單,就是通過display來控制二級選單的顯示與隱藏。

4樓:臺海亦

不加js也要用到js**,純css是寫不出來點選展示的,onmouseclick是個事件,一定要用到js。

5樓:網友

明顯不行·~~如果是移動hover等 還可以實現~~!

比如 .div1:hover .div2

怎麼實現css文欄位落的和收起

6樓:愛力汣lee老師

試試這個屬性,vertical-align:middle;如果不管用的話只能通過設定內邊距了,如padding-top:如果是文字的話可以試試line-height屬性。

7樓:忘了吧

顯示/123

4這樣就可以實現。

下面是jquery實現方式。

div+css對網頁進行排版,文章很長時候內容會擠出,怎麼辦?

8樓:手機使用者

那你一定是給裝內容的那個div設定了固定高度,框架是那個高度,所以底下的版權資訊的div就在設定的高度下邊顯示了,而裝的內容太多就會跑到下邊那個div的下邊,看上去像是內容被版權資訊截斷了。 不要設定裝內容的那個div的高度就ok了,這樣那個div的告訴會隨內容的增多而加高,版權資訊也會一直保持在底部,我前幾天就遇到這麼個情況,在ie6裡顯示正常,可跑ie7裡就不行了。出現那種情況。

不知道你用的啥瀏覽器。

div+css:用擷取方法,標題只顯示十個字元,剩下的用...表示,滑鼠放上去後,會顯示全部內容。

9樓:網友

你好,給你乙個完整例子:

這是一段測試用的文字,沒有實際意義,只是想達到顯示效果。

根據你的字型、字型大小,調整寬度即可。

10樓:

滑鼠懸浮顯示的內容。

這個內容因為是在div裡面,是控制div的寬度來顯示你需要看到幾個字的長度,超出會顯示 ..

11樓:昌e電腦

html的hover屬性,在hover屬性裡重新定義a標籤。

如何實現css+js乙個div層的/摺疊效果

12樓:網友

可以改變 "div" 元素的高度(jquery的animate方法):

".btn1").click(function())

;也可以設定溢位隱藏:

content more..

第二種方式也需要js動態改變div style裡面的margin-top。

13樓:荒蕪世界裡

點選事件修改div高度,內容設定超出部分隱藏。

css處理文字過長時顯示為多餘部分省略

14樓:依然特雷西

1、新建乙個html檔案,命名為。

2、在檔案內,建立乙個包含文字的div,並設定div的class屬性為content,主要用於對div進行css樣式設定。

3、在檔案內,對類名為content的div進行樣式設定,**如下。

4、在css內,設定div的寬度為130px,同時設定其浮動向左,居左對齊。

5、在css內,設定div內的文字不換行,當文字超過寬度width時,隱藏文字。

6、在css內,設定div內文字超過寬度時,以點點點代替文字顯示。

15樓:網友

test-overflow屬性可以定義文字溢位容器時如何顯示,具體用法如下:

text-overflow 屬性規定當文字溢位包含元素時發生的事情。

預設值:clip

語法:text-overflow: clip|ellipsis|string;

允許的值:clip:修剪文字。

ellipsis:顯示省略符號來代表被修剪的文字。

示例:文字內容超過20px就會顯示為三個點div

怎麼是DIV CSS排版,簡單的DIV CSS排版問題

首先,我們做一個網頁,要把這個頁面區塊化,而div就是頁面中的塊,div有很多屬性,比如寬,高等,這些都是div一些特徵,而css是層疊樣式表,他的作用對div進行樣式應用,針對不用的div,應用不同的樣式,當然在靜態頁面中如果你當很多樣式進去就閒的頁面臃腫,這樣對於優化,對於控制頁面都不利,所以我...

divcss怎麼樣改字型樣式DIVCSS怎麼樣改字型樣式

1 先給想要改字型樣式的div加一個class或者id2 用選擇器找到中國div class或者 id 2 在標籤裡給這個div寫css樣式,擴充套件資料換行b標籤設定加粗 i標籤設定斜體 u設定下劃線 文中分類小標題h4 定義預格式化文字,空格和換行會保留,常常應用於表示計算機的源 使用font ...

毛衣太長怎麼搭配,毛衣太長怎麼辦

上裝可以搭配收腰小毛夾克,或者是短款小禮服,或者是加條腰帶外面套個長款風衣 下裝搭配靴子靴褲或者是小腳時裝褲和時尚高跟鞋,主要就是能把腿顯出來,因為長款毛衣最怕把人變矮了,希望對你有幫助吧 01 盆領毛衣是今年編織毛衣給清新女孩的一個驚喜。在顏色上融入了穩重的淺駝色,短款高領的款式受到熱捧,加一條鏤...