所在位置:
首页 >
营销资讯 >
网站运营 > Dede仿站:内容页“上一篇、下一篇”不在一行,怎么解决?
Dede仿站:内容页“上一篇、下一篇”不在一行,怎么解决?
时间:2023-04-23 17:42:01 | 来源:网站运营
时间:2023-04-23 17:42:01 来源:网站运营
Dede仿站:内容页“上一篇、下一篇”不在一行,怎么解决?: 用织梦dede仿站的过程中,你会发现,源网站正常,但是,仿过来之后,会有很多意想不到的debug。今天,笔者就遇到这样的问题了:内容页中“上一篇、下一篇”高高低低,不在一行,如下图:
造成这种结果的原因是,“上一篇、下一篇”浮动了,那么,如何解决这个问题呢?
老办法,单击右键-->审核元素,具体方法如下:
1、审查元素“上一篇”标题,发现左浮动“floatleft”,去掉“勾”;
2、审查元素“下一篇”及其标题,发现右浮动“floatright”,去掉“勾”;
3、去掉“display:block;”样式前面的勾,“上一篇、下一篇、标题“已经在一行了,但是,靠左,怎么办呢?
4、在元素最近的CSS中,增加text-align:center,问题解决,如下图:
注意事项:
A、对“上一篇、下一篇、标题”要逐个检查,看看是哪个元素的样式出了问题。
B、检查每个元素的时候,要考虑前后、外内元素对本级元素的影响。