名稱很長時，表格不正確

我在我的網站上設計表格時出現問題。請檢查my site，如果您搜索「Rochester，mn」，向下滾動，您可以看到，如果名稱很長，就像Tilson的Automotive和Goodyear一樣，它會低於圖像。我寧願讓文本換行，也不願將整個東西放在圖像下方。任何人都知道我可以如何解決這個問題？它出現在Chrome和Firefox上。名稱很長時，表格不正確

來源

2011-06-07 Catfish

Safari中出現同樣的問題。 – Anne 2011-06-07 20:28:11

將<a>標籤的最大寬度設置爲機械師的名稱，使其最寬（175px左右）。

來源

2011-06-07 20:32:55 Adam

這使文本換行，但如果你這樣做，每個名字都浮在左下方的圖像下面。我希望文字仍然在圖像的右側，但如果需要的話可以換行。 – Catfish 2011-06-07 20:36:38

@Catfish嘗試使用最大寬度並將其設置爲175px – Adam 2011-06-07 20:41:05

您可以通過刪除在以下位置float:left修復：

#results table tbody tr td div
#results table tbody tr td:first-child span
#results table tbody tr td a
#results table tbody tr td div.mechanicDiv

要移動span到自己的行，你可以添加display:block。

來源

2011-06-07 20:38:05 js1568

您仍然需要編輯邊距和間距以獲得所需的定位。 – js1568 2011-06-07 20:38:48

#results table tbody tr td div.mechanicDiv { 
    float: left; 
    margin-left: 10px; 
    width: 184px; 
}

184px是我發現的最大寬度。

來源

2011-06-07 20:39:28 joakimdahlstrom

名稱很長時，表格不正確

回答

相關問題