cpu 内存使用率控件--google浏览器下空表格显示异常问题
来源:互联网 发布:新西兰网络攻略 编辑:程序博客网 时间:2024/06/05 13:40
今天在做一个控件的过程中,遇到一些问题,在此总结下。
控件的功能是实现类似windows任务管理器的cpu使用率现实功能,并提供一些用户自定义控件高度义,标题等接口。以便适用于不通的用户场景和页面。控件基于空的table实现,html静态源码大致是这样的:
<table border="0" cellspacing="1" cellpadding="0" style="background-color: #fff;width:40px;" id="proBar1Tbl">
<tbody id="proBar1Tbody">
<tr class="proempty"><td></td><td></td></tr>
<tr class="profill"><td></td><td></td></tr>
<tr class="profill"><td></td><td></td></tr>
......
</tbody>
</table>
但是在google chrome下运行上面源码,发现,表格无法显示出来,但在IE,firefox等下显示正常。最后发现,只要在其中一行的一个td中添加style="display:block;",就可以正常显示了。修改后如下:
<table border="0" cellspacing="1" cellpadding="0" style="background-color: #fff;width:40px;" id="proBar1Tbl">
<tbody id="proBar1Tbody">
<tr class="proempty"><td style="display:block;"></td><td></td></tr>
<tr class="proempty"><td></td><td></td></tr>
......略
通过上面修改虽然能显示了,但是没达到想要的效果,虽然设置了cellspacing=“1”,但是发现在google chrome下运行还是有问题,列间间隙没显示出来,但在IE,firefox等下可以。最后通过摸索,发现需要设置cellpadding="1"才能在googlechrome下显示列间距。
总结:
1.在google chrome下,要想显示内容空白的table,需要在td中添加style="display:block;";
2.在google chrome下,需要同时添加cellspacing="1" cellpadding="1"属性,才能显示行间距和列间距
~~
- cpu 内存使用率控件--google浏览器下空表格显示异常问题
- linux下GTK编程:显示CPU使用率,内存使用率,网速。
- linux下获取cpu和内存使用率
- LINUX下获取CPU和内存使用率
- Linux下查看内存和CPU使用率
- ubuntu下查看CPU/GPU/内存使用率
- ubuntu下查看CPU/GPU/内存使用率
- ubuntu下查看CPU/GPU/内存使用率
- ubuntu下查看CPU,GPU内存使用率
- ubuntu下查看CPU/GPU/内存使用率
- Linux下内存使用率、CPU使用率、以及运行原理
- linux下实现CPU使用率和内存使用率获取方法
- linux下获取内存使用率及cpu使用率
- Linux下,java获取CPU使用率、内存使用率
- Linux下,java获取CPU使用率、内存使用率
- Linux下内存使用率、CPU使用率、以及运行原理-转
- linux下持续显示CPU使用率
- Python在Linux下获取CPU温度、使用率、内存使用率、硬盘使用率
- C/C++与lua互调函数的方法
- android安全问题(二) 程序锁
- 判断浏览器类型屏幕分辨率自动调用不同CSS文件
- 关于FL2440烧写Norflash两种方法介绍(J-flash和H-flash)
- android安全问题(三) 钓鱼程序
- cpu 内存使用率控件--google浏览器下空表格显示异常问题
- 简单Struts2实例(入门级)
- MFC自动生成代码详解(一)
- 设计一个Android关于24点的小游戏之一(24点算法设计)
- 1.3Tinking In Java——抽象类接口
- ios 从网络下载图片,保存,并用imageview从保存中显示
- [Python]多线程threading函数方法--计算5!+4!+3!+2!+1!
- Java SE 6 新特性: JMX 与系统管理
- android 应用程序打开另一个apk