使用css進行文章簡單的多欄排版

2021-10-06 18:33:12 字數 849 閱讀 9873

**

例:

#text1

例1:

#text1

#text2

效果圖:

例2:

#test1

#test2

效果圖:

完整案例如下:

"text1">

從他接下來的一席話我摸清了金爺爺是乙個富有愛心,正直大方的好人,默默地奉獻著,不為人知,這種人往往是最少的。他從小就樂於助人,一直是幹部,他會修家電,可不是專業學的,卻是他自己推敲,在家裡拆卸家電的成果,他說人不能只想著自己享受,而不顧別人死活。雖有古語:「各人子掃門前雪,莫管他人瓦上霜。」可是奉獻愛心終究是傳統美德。

"text2">

牆的一邊,靜坐著一位老人,身著黑大褂,頭戴黑帽,額間的皺紋條條可數,但他顯得自信,慷慨。一見面,我友好討教他是否介意我採訪他,他搖搖頭,一邊幫我搬凳子;可見,每位老人都是很關心小一輩的人,這才是他們值得尊敬的地方。

效果圖:

使用CSS進行簡單的網頁布局

web頁面是由塊元素組成的,正常情況下塊元素乙個個按垂直方向排布,構成了頁面。但是這種基本的布局方式絕大多時候不能滿足我們的需求,所以各種布局方式應運而生,所以,本文來介紹最簡單的幾種網頁布局方法。二 兩列布局 兩列布局一般是左右兩列的布局方式 三 三列布局 這個布局中的middle沒有加寬度,也就...

使用CSS進行的攻擊

成為歷史或即將成為歷史的 moz binding ff expression ie import ie background屬性裡的j ascript偽協議等帶來的跨站攻擊,有些還在瘋狂的跑啊,比如expression,ie8就已經放棄了它。等到哪天css3流行起來了,相應的攻擊技巧也會熟練起來,隨...

使用微軟的FCI FDI庫進行檔案壓縮

空 瀏覽次數 36 文字大小 大 中 小 關鍵字 使用微軟的fci fdi庫進行檔案壓縮 使用微軟的fci fdi庫進行檔案壓縮 簡介 fci file compression inte ce 和fdi file decompression inte ce 是由微軟提供的用於壓縮和解壓縮的開發包。最...