在CSS / JS菜单中对齐文本

Question

我正在尝试将菜单中的文字对齐： http://crango.uofydating.com/dir/New2.html

• 在第一个标签中，我希望在“项目”之后有一个换行符。
• 在第2和第3个标签中，我希望在“This is”之后有一个换行符。

我只发布了需要帮助的菜单部分，所以看起来有点奇怪。但它与一些Javascript代码相关联，这使得编辑更具挑战性。无法移除JS。

Answer 1

这是您的解决方案

我为你创造了一个小提琴

Use .html() instead of .text()

CODE：

.html('<strong>' + $(this).find('a').html() + '</strong>')

效果很好;）

检查

小提琴http://jsfiddle.net/krunalp1993/yL6Tn/1/

希望这可以帮助你：）

Answer 2

在你的js代码中，你在.click方法中使用.html在强标签内设置回原始文本。所以只需在那里插入换行符。 在js中的这一行插入break：

 .html('<strong>' + $(this).text() + '</strong>')