我有一个宽度为100%的标题,其中包含一些链接。当你调整浏览器大小时,如果空间不足,链接将会被显示在下方。我知道可以使用min-width解决这个问题,但我不知道链接将使用多少空间,因为它们是动态的。我该如何解决这个问题?
<div id="links">
<a href="#link">Link</a>
<a href="#link">Link</a>
<a href="#link">Link</a>
</div>
#links {
white-space: nowrap;
}
这将防止链接换行到另一行。
如果你的代码不像这样,你应该在提问时发布它。
你没有提供很多细节,但我觉得你需要一些东西来阻止它们换行。
在这种情况下,你可以尝试这个:
.parentelement {
white-space:nowrap;
}
这将适用于您想要保持一致的字段的容器元素。
white-space:nowrap;
添加到父级 div 中即可。 - Kokos