新聞列表解決方案

2022-08-13 14:57:13 字數 845 閱讀 1509

(圖一、日期緊跟在標題後的新聞列表)

(圖二、日期整齊排列在右側的新聞列表)

圖一的那種效果就不用說了,我們現在主要對圖二的效果提供幾種不同解決方案

html code

2010-07-30

css基礎-基本知識點梳理

然後就是設定日期span向右浮動,這種方法相信大家都會,就不用多說了。當然也有初學者把span寫在a標籤後面然後設定float為right,在這種情況下如果不設定標題a向左浮動,那樣在ie6,7下日期的span是在下一行顯示的。

當然如果要對標題和日期都設定浮動的話,那麼也可以是先標題後時間。

html code

css基礎-基本知識點梳理

2010-07-30

這個方法就是設定li為相對定位,然後span為絕對定位到右邊,當然也可以解決了。實現起來也比較簡單,一說就可以明白。

html code

css基礎-基本知識點梳理2010-07-30
這個是個人推薦的方法,其一先標題後時間,其二時間的span標籤如果不做額外處理的話可以直接不要。

這個方法的實現原理是:先設定li的text-align為right,然後對標題a進行左浮動並設定text-align為left

html code

css code

#newslist_demo

#newslist_demo li

#newslist_demo li a

注:這個demo還加入了text-overflow:ellipsis;效果,即超過的文字以省略號方式隱藏,具體的ellipsis的應用檢視其解決方

複雜報表解決方案比較

複雜報表的處理一直是國內報表市場的乙個重頭戲。從數年前中國報表概念被清晰的提出,國內廠家就紛紛提出了各種解決方案。經過幾年的沉澱,現在已經形成了幾個大的基本陣營。最近因為專案的原因,筆者有機會對各家報表產品做了乙個簡單的比較。和幾年前相比,第一印象是每個廠家都針對複雜報表提出了一種解決方法。而歸納起...

複雜報表解決方案之比較

複雜報表的處理一直是國內報表市場的乙個重頭戲。從數年前中國報表概念被清晰的提出,國內廠家就紛紛提出了各種解決方案。經過幾年的沉澱,現在已經形成了幾個大的基本陣營。最近因為專案的原因,筆者有機會對各家報表產品做了乙個簡單的比較。和幾年前相比,第一印象是每個廠家都針對複雜報表提出了一種解決方法。而歸納起...

表單資料分表解決方案

資料可以根據 對映表找到對應的資料表單 總開關設計 有乙個 總開關,開啟走 分表方案,關閉走不分表 新增租戶功能 提供乙個介面,新增租戶功能 刪除租戶功能 提供乙個介面,刪除租戶功能 資料的增刪改查 刪除資料 查詢資料 修改資料 對映表字段欄位名 說明id id主鍵 tenantid 租戶id fo...