菜单中有多个单词时的换行符



当"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

谢谢大家

最新更新