之前博客上共享了一篇 DUX主题文章页相关举荐双栏闪现 的文章,由所以从网上看到的代码运用后有作用也没怎样认真看,这两天在查看网站时发现之前共享的代码有些问题,在这儿批改以下。发现的问题主要有以下两点:
- 运用代码完成相关举荐文章双栏闪现后主题原有“谈论数”标题不见了
- 当用户谈论是谈论框发作错乱使得网站排版样式发作改动
下面是未批改前以及批改后的几幅图片对比,便利我们更形象地理解这一问题。
发现这个问题后我认真查看了下代码,发现原来是由于“相关举荐”这个模块设置了起浮作用,而紧随其后的“谈论数”模块没有及时肃清起浮作用引起的,所以添加了肃清起浮的代码“谈论数”模块立马回来了,网站排版也正常了。下面是批改完成后的完好CSS样式,其他代码的批改请查看原文章 DUX主题文章页相关举荐双栏闪现 。
/*相关文章举荐运用双栏(批改版)*/ .relates ul li { width: 50%; float: left; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .relates ul {margin-bottom: 18px;} /*此处我们自行调整一下,我设置的相关文章数是8,这儿设置的18px刚好适宜*/ .title {clear: left;}
批改完成后的作用如下,一切正常。