首页
产品
快图
小程序
微商城
网站建设
新闻
公司动态
行业资讯
关于
案例
联系
CSS display:block在Firefox下显示信息合理布局紊乱难
2021-03-10 18:32
jianzhan
针对某1模块行必须显示信息时,应用CSS display:block特性,不必须显示信息时应用display:none特性,在IE访问器中显示信息一切正常,沒有任何难题,可是当用Firefox访问时却出現了合理布局紊乱的难题,这是为何呢?
本文向大伙儿详细介绍1下怎样处理CSS display:block在Firefox下显示信息合理布局紊乱难题,依照常理,针对某1模块行必须显示信息时,应用CSS display:block特性,在IE访问器中显示信息一切正常,可是当用Firefox访问时却出現了合理布局紊乱的难题,这里和大伙儿共享1下处理方式。
CSS display:block在Firefox下显示信息合理布局紊乱难题
依照常理,针对某1模块行必须显示信息时,应用CSS display:block特性,不必须显示信息时应用display:none特性,并且这样做在IE访问器中显示信息一切正常,沒有任何难题。
可是当用Firefox访问时却出現了合理布局紊乱的难题,随后通FireBug去看了下源代码,调节下了,发现是CSS display:block特性搞的鬼。
1、当报表为两列的状况下,特性为"CSS display:block"行的內容宽度仅与第1列宽度同样,也便是说不管你使colspan的特性值为是多少,剩下列的室内空间都不开展分析。
2、同1行不断的在"CSS display:none;"与"CSS display:block;"两个情况间切换时,报表的底部会不断的造成过剩的空白室内空间以致于导致网页页面合理布局的歪曲。
处理方式
:
1、用CSS display:table-row特性来调节,发现者FireFox下一切正常了,但IE是不适用改特性的,如何办呢?用JS来做分辨,随后做适配吧。
2、此外1个很简易也很可行的方式,便是用display:''这个特性dispaly后边不加任何的物品,很怪异,这样就适配了Firefox和IE了。
为您推荐
CSS display:block在Firefox下显示信息合理布局
互联网营销推广学习培训花费多少钱?(详
大家将学习培训怎样实际操作网站著作权
绍兴柯桥阳夏电子器件商务接待比较有限
挑选SEO闫宝龙快排的优点、实际效果、步
所有文章
公司动态
行业资讯