强制链接不要在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