强制链接不要在2行中断

Question

我正在生成带<a>的链接$_GET [Array]以显示在框中。每行大约5-10个链接。我正在寻找一种解决方案来设置这些链接的样式 - 以确保它们不会显示在2行中。 我使用{text-align:justify;}来获得相同的边界距离，但是想知道是否有任何方法可以防止这些链接显示在2行中。

这是我的CSS

.box {
width       : 782px;
min-height  : 120px; 
position    : relative;
padding     : 10px 10px 40px 10px; 
border      : 1px solid #D3D3D3;
margin-left : 5px;
text-align  :justify;
}

.link a {
position        :relative;
padding         : 1px 6px;
border-right    : 1px dotted #555;
color           : #555;
text-decoration : none;
font-size       :15px;
}

Answer 1

我认为这会奏效。我已经用更多的链接更新了JSFiddle，你可以看看是否是你正在寻找的显示器。最后一行不合理，但这是可以预期的。

white-space:nowrap;

JSFiddle

Answer 2

使用

 white-space:nowrap

并且不指定宽度