Android , css float 问题

作者: alphet | 来源:发表于2017-10-12 15:21 被阅读17次

(原创文章,转载请注明出处,谢谢大家!)

webview,里面包含其他异步加载内容,这块内容有3个状态,

“加载中”  “加载成功”  “加载失败”

一  加载中

加载中

二  加载成功

三  加载失败

后来,又产生了第4种状态:成功加载,但是内容已经无效,就是说不需要再展示给用户,ui上面就是隐藏整个加载框的内容,

今天分享下,第四种状态的具体代码:

WebView webview_detail=findViewById(R.id.webview_detail);

String elementId="load0";

String str="

 var divLoad=document.getElementById(elementId);

if(divLoad!=null){

divLoad.style.width=0;

divLoad.style.height=0;

divLoad.style.minHeight=0;

divLoad.style.border='0 #ffffff';

divLoad.style.marginTop=0;

divLoad.style.padding='0px 0px';

}else{

}

";

webview_detail.loadUrl("javascript:"+str);

这种方案需要注意一个地方:子元素是否有设置float属性,如果有,页面会产生莫名奇妙的空白,单单调整margin、padding是无法消除这个空白的,还需要将float属性设为none。

当然,第四种状态还有其他的实现方案,比如说

divLoad.style.display='none'

相关文章

  • Android , css float 问题

    (原创文章,转载请注明出处,谢谢大家!) webview,里面包含其他异步加载内容,这块内容有3个状态, “加载中...

  • updating...

    CSS 1、三栏布局问题(左右固定宽度 中间自适应) flex grid float + margin 2、CSS...

  • Test10

    引用文章: 那些年我们一起清除过的浮动 CSS浮动float详解 Clear Float CSS float浮动的...

  • css浮动模型float问题

    float模型属性 left:向左浮动 right:向右浮动 float模型需要注意的几点 块级元素和行内元素(行...

  • clearfix

    css中float left与float right的使用说明

  • CSS float

    网页布局的核心,利用 CSS 来摆放盒子的位置,如何把盒子摆放到合适的位置?CSS 定位分为三种,普通流(标准流)...

  • float css

    子元素float后父元素height为0,但实际上会占用一小块空间,导致后面的元素相应往下移动,这时设置后面元素的...

  • CSS Float

    浮动设计的初衷并不是用来布局的,而仅仅是为了实现图片文字环绕效果,即图片做浮动,文字环绕图片。简单来说就是块级元素...

  • css float

    特性 元素“浮动” 脱离文档流,和absolute一样,不会对其他元素的定位造成干扰 不会脱离文本流,不会占据其他...

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

网友评论

    本文标题:Android , css float 问题

    本文链接:https://www.haomeiwen.com/subject/bhonyxtx.html