強制鏈接不能分成兩行

我正在生成鏈接<a>與$_GET [Array]以顯示在一個框中。每行約。 5 -10鏈接。我正在尋找一種解決方案來確定這些鏈接的風格 - 確保沒有任何內容會顯示在兩行中。我使用{text-align:justify;}具有相同的邊框距離，但想知道是否有任何方法可以使這些鏈接不顯示在兩行中。強制鏈接不能分成兩行

這是我的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; 
}

來源

2013-07-06 Teo

我認爲這會工作。我已經使用更多鏈接更新了JSFiddle，並且可以看看是否是您要查找的顯示。最後一行是沒有道理的，但是這是可以預料的。

white-space:nowrap;

JSFiddle

來源

2013-07-06 18:18:03

@布賴恩胡佛感謝您的回答。我可能會使用它錯誤或沒有清楚說明我的問題，但我正在嘗試它，結果就像在JSFiddle 1行中包含所有鏈接。我正在尋找的是生成多行，但保持每條線的最後一個鏈接不中斷。如果它不適合在框中，它應該顯示爲以下行的第一個鏈接。但是，所有鏈接的普遍觀點仍然應該採用文本對齊的方式：證明。我該如何做這項工作？ – Teo

@Teo我不確定這實際上是可能的只使用CSS –

@布賴恩胡佛非常感謝答覆我欣賞它:) – Teo

使用

white-space:nowrap

，並沒有指定寬度

來源

2013-07-06 18:19:50 raam86

強制鏈接不能分成兩行

回答

相關問題