我试图把一个链接称为提交简历在菜单中使用李标签。由于两个单词之间有空格,它被换行为两行。如何防止这种包装与CSS?
使用white-space: nowrap;[1][2]或通过设置li's width为更大的值来给予该链接更大的空间。
[1]§3。空格和换行:空格属性- W3 CSS文本模块3级 [2]白色空间- CSS:级联样式表| MDN
如果你想有选择地实现这一点(即:只到那个特定的链接),你可以使用一个不间断的空格来代替普通的空格:
<li>submit resume</li>
https://en.wikipedia.org/wiki/Non-breaking_space#Encodings
编辑:我知道这是HTML,而不是OP要求的CSS,但有些人可能会发现它很有用…
如果内容太大,不能放在一行中,你可以添加这一小段代码,在行末添加一个漂亮的“…”:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
在CSS中,留白可以完成这项工作
可能的值:
white-space: nowrap
white-space: pre
white-space: pre-wrap
white-space: pre-line
white-space: break-spaces
white-space: normal
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?