建站学院

当前位置:

织梦生成tags.php排版错乱怎么办

浏览量:1853次

最近有不少网站管理员反映,使用织梦系统生成 tags.php 文件后,发现页面排版错乱,标签之间间隔不一致,甚至会导致变形。这个问题其实与织梦系统自带的 tags.php 代码有关,而我们则需要对其进行优化。

第一步:修改样式表

在织梦系统自带的 tags.php 文件中,样式表的布局方式是采用表格的形式,这种布局方式容易导致标签之间的间隔错乱,造成页面排版不美观,甚至会出现内容重叠的问题。我们可以采用 DIV+CSS 的布局方式,将样式表的代码修改如下:

.tagcloud {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.tagcloud a {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 4px 10px;
    background-color: #f2f2f2;
    border-radius: 3px;
    color: #666;
    text-decoration: none;
    -webkit-transition: color .2s linear, background-color .2s linear;
    transition: color .2s linear, background-color .2s linear;
}

.tagcloud a:hover {
    background-color: #3498db;
    color: #fff;
}
登录后复制

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【915688610@qq.com】,我们在确认后,会立即删除,保证您的版权。