CSS實現自動換列

2022-03-07 18:57:36 字數 2112 閱讀 6748

專案裡需要自動換列的效果,搜尋後無果,於是冥思苦想,反覆嘗試,終於實現了這個自動換列的效果。

因為用了ie濾鏡,所以只適用於ie,這已經是沒有辦法中的辦法。在網際網路上基本是用不上了,但在特定的條件下(比如企業內部的web系統),還是很有用的。

最終效果:

思路就是——轉來轉去,轉來轉去。

下面是**:

doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""

>

<

html 

xmlns

="">

<

head

>

<

title

>

純css自動換列(只適合ie)

title

>

<

style 

type

="text/css"

>

*body

#container

#container li

style

>

head

>

<

body

>

<

div 

id="container"

>

<

ul>

<

li>

第01名 上海

li>

<

li>

第02名 北京

li>

<

li>

第03名 重慶

li>

<

li>

第04名 無錫

li>

<

li>

第05名 哈爾濱

li>

<

li>

第06名 錦州

li>

<

li>

第07名 呼和浩特

li>

<

li>

第08名 連雲港

li>

<

li>

第09名 太原

li>

<

li>

第10名 合肥

li>

<

li>

第11名 海口

li>

<

li>

第12名 高雄

li>

<

li>

第13名 攀枝花

li>

<

li>

第14名 杭州

li>

<

li>

第15名 武漢

li>

<

li>

第16名 濟寧

li>

<

li>

第17名 通遼

li>

<

li>

第18名 紅燒排骨

li>

<

li>

第19名 冰露

li>

<

li>

第20名 金銀花

li>

<

li>

第21名 衣櫃

li>

<

li>

第22名 隔行掃瞄

li>

<

li>

第23名 投影

li>

<

li>

第24名 測距

li>

<

li>

第25名 拿破崙定理

li>

<

li>

第26名 非歐幾何

li>

<

li>

第27名 天地武魂

li>

<

li>

li>

<

li>

li>

<

li>

*此列表純屬虛構

li>

ul>

div>

body

>

html

>

python實現自動換桌布

import random import ctypes import time import os path e desktop wall s 儲存的資料夾 while true file os.listdir path 開啟儲存資料夾中的目錄 filepath path random.choice...

MFC 2 Edit Control 實現自動換行

設定屬性 multiline true auto hscroll true vertical scroll true 賦值時換行 方法一 當edit對映到一cstring時 m string m string snewstring r n updatedata false 此法只能做到自動換行,不會...

用CSS實現等高列

有3個水平方向的塊,塊的內容有多有少。在不設定高度的情況下,高度不等。現要求3個水平塊都有相同的高度,高度等於最高的塊的高度。使用table布局。在table中,在同一行中的單元格是等高的。如下 通過設定padding bottom把塊的高度撐開,使得他們遠遠大於內容的高度。再設定margin bo...