2012-07-26 52 views
0

我有一个无序列表,用作菜单,我不能直接添加格式。它的样式在CSS中作为水平菜单添加新项目。为了给一个很好的视觉结构,并尽量减少每个条目的宽度,以便它仍然适合我想要使菜单项/标题阅读为两行,因为大多数标题有2/3个字。例如jQuery首次发现空间为<br>后x个字符

例如,我想“猫&狗之家”像

猫格式化&狗
房屋

的标题字数和长度是可变的,但希望通过他们,我想如果我能跟随像“在第一个空格后插入
”这样的规则,它应该全部落实到位。

该网站已经安装了jQuery,因此使用它更可取。

回答

0

如果可能的话最好使用分隔符(例如“Cats & Dogs; Houses”)。编辑任何给您提供的标题字符串以包含分隔符,因为您的解决方案对某些标题无效。例如,如果顺序颠倒为“房子猫&狗”,再经过10个字符的第一个空间将解析

Houses Cats 
& Dogs 

但是,如果你不想听听我的意见,你可以这样做这与纯javascript:

var string = "1234567890 Cats & Dogs Houses"; 
var inArray = string.split(" "); 
var outArray = [] 

while (array.length != 0) { 
    var tmp = array.shift(); 
    while (tmp.length < 9 && array.length != 0) 
     tmp += " " + array.shift(); 
    newArray.push(tmp); 
} 
相关问题