我希望添加这样的内容:
menuitem1 / menuitem2 / menuitem3
我需要在/
生成的元素之间添加斜杠LI
。
有任何线索如何制作?
我试过这个:
array('label'=>'About us', 'url'=>array('/about/index'), 'template'=> '/'),
但我得到了这个:
<li class="active">/</li>
我错过了放置template
属性吗?
任何其他方式,因为,/不是模板?
更新 知道了:
array('label'=>'About us', 'url'=>array('/about/index'), 'template'=> '{menu} <span>/</span>'),
这将在<{strong> span
元素之后生成li
。
如果有人有更好的方法,请分享。
更新二: 虽然这有效,但生成的标记无效。所以伪元素可能是一种选择。
答案 0 :(得分:3)
这是糟糕的HTML。 <li>
个元素之间不应该有任何标记。如果您想在菜单项之间插入斜杠,我建议您使用另一个小部件来显示您的菜单项(不使用列表项的东西),或者您使用css伪类,{{1 }和:after
,包括你想要的斜杠。
http://www.w3schools.com/cssref/sel_before.asp http://www.w3schools.com/cssref/sel_after.asp
当然,另一种选择是添加斜线图像作为元素的背景。我不会称之为最佳选择。