首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

换行符的添加小疑点

2012-09-14 
换行符的添加小问题用户有个需求,就是需要在标题上添加一个换行符号,以便可以自己控制标题的断句位置。比如

换行符的添加小问题

用户有个需求,就是需要在标题上添加一个换行符号,以便可以自己控制标题的断句位置。比如说:2012年7月1日***主席在人民大会堂关于建军91周年上的讲话,这个标题很长,显示在网页上,如果字体再大一点,一行肯定是显示不完的,如果依赖自然换行,那有可能在“建”之前换行,也有可能在“1”之前换行,这样的话,句不成句,词不成词,对于一个比较严肃的标题来说是不可以这样,用户提出了要求,我的第一反应是加一个换行符“<br>”,但觉得这对用户来说有些专业了点,但好在用户也有些基础,而且<br>这个标签也不难记,就暂时用上了。一段时间之后问题出来了,加上这个标签在内容显示部分标题换行的问题得到解决了,可是在栏目之中,也就是在标题列表之中,<br>依然也是起作用的,也是要换行的。因此列表之中被弄的乱七八糟,有的一行,有的两行(当然都是要弄成一行的,太长了就截断显示省略号)。

面对新问题,我有了两点思考:

1,依然使用<br>,但只在内容显示的时候让其起作用,其余的地方要把这个标签过滤了,在网上我也找到了过滤html标签的方法。代码如下:

$(function(){var title = $("#contentTitle").html();title = stripShy(title);$("#contentTitle").html(title);});function stripShy(string){var pattern = /-/;return string.replace(pattern,'<br>');}
contentTitle是标题显示的位置。


热点排行