empty-cells
åºçº¿
广æ³å¯ç¨
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
CSS ä¸ empty-cells å±æ§å®ä¹äºç¨æ·ç«¯ user agent åºè¯¥æä¹æ¥æ¸²æè¡¨æ ¼ <table> ä¸æ²¡æå¯è§å
容çåå
æ ¼çè¾¹æ¡åèæ¯ã
css
/* Keyword values */
empty-cells: show;
empty-cells: hide;
/* Global values */
empty-cells: inherit;
empty-cells: initial;
empty-cells: unset;
åªæå½ border-collapse å±æ§å¼æ¯ separate æ¶ï¼æä¼çæã
| åå§å¼ | show |
|---|---|
| éç¨å ç´ | è¡¨æ ¼åå æ ¼å ç´ |
| æ¯å¦æ¯ç»§æ¿å±æ§ | æ¯ |
| 计ç®å¼ | as specified |
| å¨ç»ç±»å | 离æ£å¼ |
è¯æ³
empty-cells çå±æ§å¼å¿
é¡»æ¯ä»¥ä¸åå¼ä¸çä¸ä¸ªã
åå¼
è¯æ³å½¢å¼
empty-cells =
show |
hide
示ä¾
HTML
html
<table class="table_1">
<tr>
<td>Moe</td>
<td>Larry</td>
</tr>
<tr>
<td>Curly</td>
<td></td>
</tr>
</table>
<br />
<table class="table_2">
<tr>
<td>Moe</td>
<td>Larry</td>
</tr>
<tr>
<td>Curly</td>
<td></td>
</tr>
</table>
CSS
css
.table_1 {
empty-cells: show;
}
.table_2 {
empty-cells: hide;
}
td,
th {
border: 1px solid gray;
padding: 0.5rem;
}
ç»æ
è§è
| è§è |
|---|
| Cascading Style Sheets Level 2 # empty-cells |