当"ul li"项中有多个单词时,我需要将垂直菜单中的文本分成 2 行。
换句话说,我需要在元素"li"中的两个单词之间有一个标签"br",但使用 css。
下面的图片使事情更加清晰。
我有这个 图像
我需要这个 图像
编辑1:实时站点:http://www.l9web.com.br/sites/test
您可以尝试使用字距。
尝试
ul li {
word-spacing: 'parent-width'; // Percentages will not work
}
其中"父宽度"是父元素的宽度。也许在无序列表的情况下?这应该给你每行一个单词。祝你好运!
我创建了一个工作笔:https://codepen.io/anon/pen/XYWBWW
如果您只要每行一个单词 - 将字间距值设置为大于父容器的宽度。任何值都有效:
ul li {
word-spacing: 9999px; // very high value to force one word per line
}
我找到了解决方案。
在"ul li"上,我们必须设置:
空白:预 WAP
谢谢大家