Rumah > Artikel > hujung hadapan web > css中的关于empty-cells的问题

css中的关于empty-cells的问题

黄舟asal: 2017-06-30 13:25:481528semak imbas

发现在css中，当把border-collapse设置为separate为，要不要empty-cells结果是一样的，而且用show与hide值都一样，望各位指点。

在css2标准中
语法：

empty-cells : show | hide

取值：
show : 默认值。显示边框
hide : 隐藏边框

说明：
设置或检索当表格的单元格无内容时，是否显示该单元格的边框。
只有当表格行和列的边框独立（例如当 border-collapse 属性等于 separate ）时此属性才起作用。
对应的脚本特性为 emptyCells 。

这是个css2的标准不为IE所支持，在Firefox中可以正常显示效果，具体效果的演示代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table test</title>
<style>
#layout {}
.show {border: 1px solid #ff0000; border-collapse:separate; empty-cells: show;}
.hide {border: 1px solid #ff0000; border-collapse:separate; empty-cells: hide;}
</style>
</head>

<body>
<table id="layout">
  <tr>
    <td class="show">Cascading</td>
    <td class="show"></td>
  </tr>
  <tr>
    <td class="hide">Cascading</td>
    <td class="hide"></td>
  </tr>
 </table>
</body>
</html>

可以看到 show的时候空表格被显示出来，hide的时候空表格被隐藏

Atas ialah kandungan terperinci css中的关于empty-cells的问题. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：css table中empty-cells属性的具体分析Artikel seterusnya：IE6 IE7 IE8(Q)不支持empty-cells特性的解决办法

Artikel berkaitan

Lihat lagi