当“ul li”项目中有多个单词时，我需要在两行中打破垂直菜单中的文字。
换句话说，我需要在元素“li”中的两个单词之间加上标签“br”，但是使用css。
下面的图片让事情变得更加清晰。
我有这个 IMAGE
我需要这个 IMAGE
Edit1：实时网站：http://www.l9web.com.br/sites/test
答案 0 :(得分：0)
您可以尝试使用字间距。
尝试
ul li {
word-spacing: 'parent-width'; // Percentages will not work
}
父母宽度＆＃39;是父元素的宽度。也许在无序列表的情况下？这应该给你每行一个字。祝你好运！
我创建了一支工作笔：https://codepen.io/anon/pen/XYWBWW
如果你想要的是每行一个单词 - 将单词间距值设置为大于父容器的宽度。任何价值都有效：
ul li {
word-spacing: 9999px; // very high value to force one word per line
}
答案 1 :(得分：0)
我找到了解决方案。
在“ul li”上我们必须设置：
white-space：pre-wap
全部谢谢