3

我正在生成链接<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;
}
4

2 回答 2

7

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

white-space:nowrap;

JSFiddle

于 2013-07-06T18:18:03.800 回答
0

采用

 white-space:nowrap

并且不指定宽度

于 2013-07-06T18:19:50.690 回答