ͬ72%Ȼһĵ¶

z-blog博客tag和友情链接横排 一行两列

 z-blog博客tag和友情链接栏默认是竖排,如果内容过多的话,拉的很长影响版面美观。今天合肥网站建设久久为大家解决这个问题。

只要在CSS里面加入以下代码就可以了:

 

/*-----------------------------侧栏-----------------------------*/ 
#sidebar{float: right;width: 270px;background: url(images/sidebar-bg-lusongsong.png) no-repeat 0 0;overflow: hidden;} #sidebar-inner{padding: 0 15px;} 
.widget{margin-top: 15px;}
.widget h3{font-size: 15px;font-family:Microsoft YaHei,small; background: url(images/widget-title-bg-lusongsong.png) no-repeat 50% 100%; padding-bottom:6px;} 
.widget ul{padding: 8px 0;} 
.recent-posts li{background: url(images/ico-lusongsong.png) no-repeat;list-style-type: none;}
.recent-posts li{line-height: 24px;height: 24px;overflow: hidden;padding-left: 18px;background-position: 0 -95px;} 
.recent-posts li a{background-position: 0 -97px;} 
.recent-posts li:hover{text-decoration: underline;}
#divMisc li {padding-bottom: 16px;background-image: none;} 
#divTags ul,#divLinkage ul{overflow: hidden;height: 100%;text-indent: 2em;} #divTags li,#divLinkage li{float: left;width: 46%;margin: 1px;padding: 1px;} 

 

宽度根据自己的模板修改width参数。