Warning: Error while sending QUERY packet. PID=27500 in /home/wwwroot/coco/domain/cnlamp/web/wp-includes/wp-db.php on line 1924 你未必知道的CSS小知识:你知道table里的empty-cells属性吗? | LAMP新闻|技巧|经验|资讯站
现在的位置: 首页HTML>正文
你未必知道的CSS小知识:你知道table里的empty-cells属性吗?
发表于4年前 HTML 暂无评论

css里的empty-cells属性是所有浏览器都支持的,甚至包括IE8,它的用法是下面这个样子:

估计你从语义上已经猜出它的作用了。它是为HTML table服务的。它会告诉浏览器,当一个table单元格里没有东西时,就隐藏它。下面的演示里,你可以点击里面按钮,它会切换empty-cells的属性值,看看table的显示有什么变化。

HTML代码

CSS代码

js代码

演示

在上面的演示中,我为能让单元格的边框显示出来,在单元格的边框间添加了空隙。有时候这个属性不会有任何视觉效果,因为你必须让你里面有可见的东西。

给我留言

留言无头像?


×
腾讯微博