使用CSS，UL，LI实现新闻标题分栏显示

首先看效果：

代码：

相关新闻：

relationNewsList">

• 天津暴雨内涝 市民骑摩托艇上街


• 河北保定暴雨因灾死亡26人 失踪20人


• 呼和浩特暴雨已致5人死亡 各界齐力抗灾


• 深圳因台风倒树11万棵 远超香港千余棵


• 河北野三坡景区交通电力通信恢复 13人因灾死亡


• 北京房山全面消毒 目前未发现疫情


• 北京安监启动灾后检查 大型演唱会遇暴雨或停止


• 受持续强降雨影响的京包铁路恢复通车

小结：

留意突出颜色部分CSS代码，分栏的栏目由外面的div和li的宽度共同决定。div宽度是li宽度整除N倍时，就被分为N栏。比如：上面relationNewsList width:660px; 而li的宽度为width: 320px;那么宽度倍数就是2倍多，所以分为两栏。如果将relationNewsList宽度设为900px,li的宽度设为288px,则会被分为三栏。

以下为相关显示效果：