X 2.5 帖子内容页分享和收藏两栏居中显示的方法

前天突然觉得帖子内容页的分享和收藏两栏靠左显示不怎么好看，于是就想把它弄成居中显示的，第一回合没有弄好，我也是小白级别的。于是发帖求助，大侠们可能都比较忙。昨天又纠结了一下，决定自己找方法，终于功夫有心人，成功解决了。我在这里也得到过很多分享帖的帮助，本着分享的精神，把方法贴在这。



在\template\default\common\module.css里找到如下代码：

1. #p_btn { line-height: 24px; }
   
2. #p_btn a { float: left; margin-right: 3px; padding-right: 4px; padding-left: 8px; background: url({IMGDIR}/share_btn.png) no-repeat 0 0; vertical-align: top; white-space: nowrap; }
   
3. #p_btn a:hover { text-decoration: none; }
   
4. #p_btn i { display: block; padding-right: 8px; background: url({IMGDIR}/share_btn.png) no-repeat 100% 100%; font-style: normal; cursor: pointer; }
   
5. #p_btn img { float: left; margin: 4px 3px 0 0; }
   
6. #p_btn span { padding-left: 2px; color: {LIGHTTEXT}; }
   
7. .tshare { padding-bottom: 10px; }
   
8. .tshare strong { float: left; margin-right: 10px; }
   
9. #p_btn .tshare a, #p_btn .tshare i { padding: 0; background-image: none; }
   
10. #p_btn .tshare a { margin-right: 10px; color: {HIGHLIGHTLINK}; }
    
11. #p_btn .tshare a:hover { text-decoration: underline; }

复制代码

修改为：

1. #p_btn { line-height: 24px; text-align:center; }
   
2. #p_btn a { display:inline-block; margin-right: 3px; padding-right: 4px; padding-left: 8px; background: url({IMGDIR}/share_btn.png) no-repeat 0 0; vertical-align: top; white-space: nowrap; }
   
3. #p_btn a:hover { text-decoration: none; }
   
4. #p_btn i { display: block; padding-right: 8px; background: url({IMGDIR}/share_btn.png) no-repeat 100% 100%; font-style: normal; cursor: pointer; }
   
5. #p_btn img { float: left; margin: 4px 3px 0 0; }
   
6. #p_btn span { padding-left: 2px; color: {LIGHTTEXT}; }
   
7. .tshare { padding-bottom: 10px; }
   
8. .tshare strong { margin-right: 10px; }
   
9. #p_btn .tshare a, #p_btn .tshare i { padding: 0; background-image: none; }
   
10. #p_btn .tshare a { margin-right: 10px; color: {HIGHLIGHTLINK}; }
    
11. #p_btn .tshare a:hover { text-decoration: underline; }

复制代码

更新css缓存即可。

分享即美德