请教大家新浪的首页新闻中心那里新闻标题的分行问题
请教大家一个问题:
本来截了个图的,可是这里不让上传。哎只好用文字说明了。
请问,要想实现这样的效果怎么办呢:
就是在新浪的首页新闻中心那里,
一条标题未满一行时就再加一条标题放在同一行,如果还未满,就再加一个标题上来作为一行 :
具体效果如下:
● 新浪2005网络中国年度盛典 年度明星 IT产品
● 首届中国博客大赛 众博客谈北漂 齐秦的博客
● 伊利一马当先 成中国食品行业第一个奥运赞助商
你看在第一行里,“新浪2005网络中国年度盛典”这条新闻未满一行,它就把第二条新闻“年度明星”也放在了同一行,而这时还未满,它又把“IT产品”也放在了同一行。这时候满了,于是它便换行输出第行的新闻标题。
------解决方案--------------------基本上都是手工编辑的。
如果要自动的话,就是计算标题字数,放不下,就转到下一行去。
------解决方案--------------------做一个表格或者一个DIV,限定表格的宽度,超过宽度就自动换行,很简单,这是HTML和CSS的问题,与ASP无关
------解决方案--------------------限定一个长度吧!像ebay 哪样的留言一样,1次减1,让 "长度 "=0了,就不能输了
------解决方案--------------------其实都是手工编辑的多,这样不会因为差几个字放不下而造成空白一大块。
------解决方案--------------------这些应该都是手动编辑的,自动生成少