li浮动效果延迟

喜欢原味奶茶 2018-05-25 10:58:56

我的是jsp页面，li是动态加载进来的。给li设置了float。但是页面刷新的时候，没有float。还是原来的按行显示，等加载完了才float。这种看起来很不舒服。为什么会这样啊。哪位前段高手解决一下。

...全文

1051 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

___紫菜 2018-05-28

打赏
举报

回复

引用 2 楼 Esc_Tab_End 的回复:

[quote=引用 1 楼 u013116426 的回复:] 你用的js加的浮动？

不是，在css里写的。li是动态生成的。[/quote] 那是你加载完了再动态生成的吧

喜欢原味奶茶 2018-05-26

打赏
举报

回复

引用 1 楼 u013116426 的回复:

你用的js加的浮动？

不是，在css里写的。li是动态生成的。

___紫菜 2018-05-25

打赏
举报

回复

你用的js加的浮动？

瀑布流-绝对定位布局，与浮动布局的区别在于 1.布局不一样：　　绝对定位：一个UL里面放置所有的绝对定位的LI；　　浮动布局：多个（一般三四个）UL分布放置LI； 2.AJAX不一样　　绝对定位：只需要将请求来的JSON数据（当然可以是别的格式的数据），插入到UL就可以了。然后再对这个新插入的LI进行TOP和LEFT设置；　　浮动布置：是将请求来的JSON数据（当然可以是别的格式的数据），分别插入到对应的UL当中，因为有绝对定位，所以不用对LI设置位置。会自动向下排列；一、功能分析：　　1.定位每一个LI，即设置每一个LI的TOP和LEFT值；　　2.将AJAX的数据，放在LI中

浮动布局:即HTML结构的列，是用浮动方式。一、功能分析：　　1.判断图片是否进入可视区域；　　2.用AJAX请求服务器数据；　　3.将数据播入到相应的列队；二、实现方法：　　给window的scroll事件l绑定一个处理函数：做如下工作：　　1.如何判断最后一行的图片，是否进入了可视区域？　　　　如果：最后一行的某个图片距离浏览器可视区域顶部的距离值小于（可视...

为什么不使用table做布局 1.Table要比其它html标记占更多的字节。(延迟下载时间，占用服务器更多的流量资源)。 2.Table会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度，让用户等待更久的时间)。 3.Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度，增加页面加载时间，增加HTTP会话数)。 4.在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦)。 5.Table会影响其内部的某些布局属性的生效(比如<单元格里的元素的heigh

瀑布流：这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。浮动布局:即HTML结构的列，是用浮动方式。 [哇哦-淘宝]http://wow.taobao.com/在线实例! 一、功能分析：　　1.判断图片是否进入可视区域；　　2.用AJAX请求服务器数据；　　3.将数据播入到相应的列队；二、实现方...

jQuery-瀑布流-浮动布局（一）(延迟AJAX加载图片) 瀑布流：这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。浮动布局:即HTML结构的列，是用浮动方式。 [哇哦-淘宝]http://wow.taobao.com/在线实例! 一、功能分析：　　1.判断图片是否进入可视区域；　　2...

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章