[微博]页面table 闪动问题解决
发布日期:2021-10-01 03:31:26 浏览次数:11 分类:技术文章

本文共 358 字,大约阅读时间需要 1 分钟。

以下状况是在IE中会出现, firefox 不会

1. 问题描述:

页面使用table来展现的。 分为两列, 左边是一个导航栏, 右边是一个数据的table. 引入的是Smooth Navigational Menu来做导航菜单。

对应的伪代码是:

<table>

<tr>

<td>导航菜单</td>

<td>数据table</td>

</tr>

</table>

问题来了, 但在导航栏菜单切换时, 数据 table会闪动。 俗话说。 不闪的才是最好的, 研究了一下原因

是因为table是自适应大小的。 但某个td的宽度和高度发生改变时, 另一个td也会随之改变, 看上去的效果就是table在闪动。

2. 解决思路

让数据table浮动起来, 设置CSS style="float:center"

问题解决。

转载地址:https://blog.csdn.net/iteye_1789/article/details/82130457 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:收藏一些 JQuery 导航插件
下一篇:美观的导航菜单 -- JQuery实现,支持横向, 竖向

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年03月16日 21时08分22秒