(圖一、日期緊跟在標題後的新聞列表)
(圖二、日期整齊排列在右側的新聞列表)
圖一的那種效果就不用說了,我們現在主要對圖二的效果提供幾種不同解決方案
html code
2010-07-30然後就是設定日期span向右浮動,這種方法相信大家都會,就不用多說了。當然也有初學者把span寫在a標籤後面然後設定float為right,在這種情況下如果不設定標題a向左浮動,那樣在ie6,7下日期的span是在下一行顯示的。css基礎-基本知識點梳理
當然如果要對標題和日期都設定浮動的話,那麼也可以是先標題後時間。
html code
css基礎-基本知識點梳理這個方法就是設定li為相對定位,然後span為絕對定位到右邊,當然也可以解決了。實現起來也比較簡單,一說就可以明白。2010-07-30
html code
css基礎-基本知識點梳理2010-07-30這個是個人推薦的方法,其一先標題後時間,其二時間的span標籤如果不做額外處理的話可以直接不要。
這個方法的實現原理是:先設定li的text-align為right,然後對標題a進行左浮動並設定text-align為left
html code
css code#newslist_demo注:這個demo還加入了text-overflow:ellipsis;效果,即超過的文字以省略號方式隱藏,具體的ellipsis的應用檢視其解決方#newslist_demo li
#newslist_demo li a
複雜報表解決方案比較
複雜報表的處理一直是國內報表市場的乙個重頭戲。從數年前中國報表概念被清晰的提出,國內廠家就紛紛提出了各種解決方案。經過幾年的沉澱,現在已經形成了幾個大的基本陣營。最近因為專案的原因,筆者有機會對各家報表產品做了乙個簡單的比較。和幾年前相比,第一印象是每個廠家都針對複雜報表提出了一種解決方法。而歸納起...
複雜報表解決方案之比較
複雜報表的處理一直是國內報表市場的乙個重頭戲。從數年前中國報表概念被清晰的提出,國內廠家就紛紛提出了各種解決方案。經過幾年的沉澱,現在已經形成了幾個大的基本陣營。最近因為專案的原因,筆者有機會對各家報表產品做了乙個簡單的比較。和幾年前相比,第一印象是每個廠家都針對複雜報表提出了一種解決方法。而歸納起...
表單資料分表解決方案
資料可以根據 對映表找到對應的資料表單 總開關設計 有乙個 總開關,開啟走 分表方案,關閉走不分表 新增租戶功能 提供乙個介面,新增租戶功能 刪除租戶功能 提供乙個介面,刪除租戶功能 資料的增刪改查 刪除資料 查詢資料 修改資料 對映表字段欄位名 說明id id主鍵 tenantid 租戶id fo...