我试图把一个链接称为提交简历在菜单中使用李标签。由于两个单词之间有空格,它被换行为两行。如何防止这种包装与CSS?
当前回答
如果你想有选择地实现这一点(即:只到那个特定的链接),你可以使用一个不间断的空格来代替普通的空格:
<li>submit resume</li>
https://en.wikipedia.org/wiki/Non-breaking_space#Encodings
编辑:我知道这是HTML,而不是OP要求的CSS,但有些人可能会发现它很有用…
其他回答
显示:inline-block;将防止列表项中的单词之间的中断:
li {
display: inline-block;
}
如果内容太大,不能放在一行中,你可以添加这一小段代码,在行末添加一个漂亮的“…”:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Bootstrap 4有一个名为text-nowrap的类。这正是你所需要的。
在CSS中,留白可以完成这项工作
可能的值:
white-space: nowrap
white-space: pre
white-space: pre-wrap
white-space: pre-line
white-space: break-spaces
white-space: normal
如果你想有选择地实现这一点(即:只到那个特定的链接),你可以使用一个不间断的空格来代替普通的空格:
<li>submit resume</li>
https://en.wikipedia.org/wiki/Non-breaking_space#Encodings
编辑:我知道这是HTML,而不是OP要求的CSS,但有些人可能会发现它很有用…