CSS定位，需要幫助的鏈接對齊

在所有網站的鏈接菜單頂部的鏈接菜單沒有得到對齊，請參閱示例鏈接 - car finance部分。CSS定位，需要幫助的鏈接對齊

*每當我們試圖把第三鏈接頂部菜單上左其拆分到下一行

在上面右鍵菜單同樣的問題 - 所有第四環節拆分到下一行*

我們試圖改變寬度 - 使用的所有排列/組合 - 但沒有幫助

我們所尋求的，因爲這是

.footer機上盒 - 左 - FO R陀菜單鏈接單元
.footer機上盒右 - 爲谷歌定製搜索框

這樣既能進來1條單行

以下

使用CSS的代碼 - PL建議

#footer-container { 
    float:left; 
    width:1000px; 
    clear:both; 
    background:#FFFFFF; 
    text-align:center !important; 
} 

#footer-container .footer-top-box { 
    float:left; 
    width:965px; 
    margin:0 0 10px 5px; 
    padding:0 5px 0 10px; 
    height:33px; 
    background:url(../images/footer-box-bg.gif) repeat-x; 
    border:1px solid #e7e5e5; 
}  

.footer-top-box .footer-top-box-left { 
    float:left; 
    width:300px; 
    margin:0 0 0 5px; 
    font: normal 10px Arial, Helvetica, sans-serif; 
    color:#000000; 
    text-align:left; 
    padding:10px 0 0 0 
}  

.footer-top-box-left img { 
    margin:0 3px 0 3px; 
}  

.footer-top-box .footer-top-box-right { 
    float:right; 
    width:500px; 
    margin:0 5px 0 0 ; 
    font: normal 10px Arial, Helvetica, sans-serif; 
    color:#000000; 
    text-align:right; 
    padding:10px 0 0 0; 
}  

.footer-top-box-right p { 

margin:0; 
padding:0; 
font: normal 10px Arial, Helvetica, sans-serif; 
color:#000000; 
}  

.footer-top-box-right p a:link, 
.footer-top-box-right p a:hover, 
.footer-top-box-right p a:visited { 
    margin:0; 
    padding:0; 
    font: normal 10px Arial, Helvetica, sans-serif; 
    color:#b60205; 
    text-decoration:underline; 
    text-align:justify; 
}

來源

2012-08-17 Gag

如果您將文本縮進四個空格，它將被格式化爲代碼，極大地提高了可讀性。此外，如果您將示例更小（例如，特定字體和顏色與示例無關），您會得到更好的回覆。 – Jeroen 2012-08-17 14:17:15

變更持有div的寬度 - 「頁腳機上盒左」或「頁腳機上盒右」，它應該工作。

測試您的html副本我可以在將「footer-top-box-left」從300px改爲400px寬度後在左側添加第三項。

如果你想把盒子作爲一個單一的線我會建議做一個單獨的div和可能使用float：右邊的菜單項必須對齊到右邊。

來源

2012-08-17 14:24:59 hyarion

CSS定位，需要幫助的鏈接對齊

回答

相關問題