許多網(wǎng)友的WordPress博客程序,友情鏈接日益增多,但每行只顯示一列,版面被拉得長長的,影響美觀。如何讓友情鏈接呈兩列甚至多列顯示呢?方法也很簡單,在當前主題文件夾的style.css文件里添加以下代碼即可:
.blogroll{
width:320px;
display:block;
/*記得清除浮動*/
overflow:auto;
/*兼容IE6*/
zoom:1;
}
.blogroll li{
float:left;
width:49%;
display:block;
}
第一個width:320px意思是友情鏈接欄的寬度,看各自主題修改合適的寬度。第二個width:49%意思是分兩列顯示,每列占據(jù)49%寬度,如果改成25%,就變成四列顯示了。
建站咨詢熱線
156-4239-3035