Android , css float 问题

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

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'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系?为什么要进...
    价值趋势技术派阅读 5,844评论 2 2
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,603评论 1 19
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,218评论 0 11
  • 【幸福女孩 唐墨轩 一年级 坚持原创分享第75天 2017.11.16 星期四】 今天晚上回到家,妈妈亲自...
    何亚珂阅读 504评论 0 0