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了。