最小宽度(CSS)

4

我有一个宽度为100%的标题,其中包含一些链接。当你调整浏览器大小时,如果空间不足,链接将会被显示在下方。我知道可以使用min-width解决这个问题,但我不知道链接将使用多少空间,因为它们是动态的。我该如何解决这个问题?

2个回答

3
如果您的代码像这样:
<div id="links">
   <a href="#link">Link</a>
   <a href="#link">Link</a>
   <a href="#link">Link</a>
</div>

你可以使用以下CSS样式:
#links {
   white-space: nowrap;
}

这将防止链接换行到另一行。

如果你的代码不像这样,你应该在提问时发布它。


太好了,它运行了!!! :) 非常感谢!但是由于宽度为100%,当我向右滚动时,无法看到父div的背景。我该如何解决? - www.data-blogger.com
只需将 white-space:nowrap; 添加到父级 div 中即可。 - Kokos

0

你没有提供很多细节,但我觉得你需要一些东西来阻止它们换行。

在这种情况下,你可以尝试这个:

.parentelement {
    white-space:nowrap;
}

这将适用于您想要保持一致的字段的容器元素。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接