HTML表格显示 [英] HTML table display

问题描述

这是我想要的：

  + ----- + ----- + ---- -  + ----- + 
 | | | | | 
 | | | | | 
 + ----- + ----- + ----- + ----- + 
 | | | | 
 | | | | 
 ++ ----- + ----- + 
 | | | 
 | | | 
 + ----- + ----- + + 
 | | | | 
 | | | | 
 + ----- + ----- + ----- + ----- + 
  

$ b $所以我写下面的代码来实现我的目标：
$ b $ pre $ < table>
< tbody>
< tr>
< td>< / td>
< td>< / td>
< td>< / td>
< td>< / td>
< / tr>
< tr>
< td colspan =2rowspan =2>< / td>
< td>< / td>
< td>< / td>
< / tr>
< tr>
< td colspan =2rowspan =2>< / td>
< / tr>
< tr>
< td>< / td>
< td>< / td>
< / tr>
< / tbody>
< / table>


但是没有成功，它在Firefox中显示如下：

  + ----- + ----- + ----- + ----- + 
 | | | | | 
 | | | | | 
 + ----- + ----- + ----- + ----- + 
 | | | | 
 | | | | 
 + ----- + ----- + ----- + ----- + 
 | | | | 
 | | | | 
 + ----- + ----- + ----- + ----- + 
  

我没有发现我的错，我该怎么办？任何帮助将不胜感激！

解决方案

第三行没有任何要求的最小高度。使用CSS规则添加这样一个要求，例如

  tr {height：1.3em; } 
  

This is what I want：

+-----+-----+-----+-----+
|     |     |     |     |
|     |     |     |     |
+-----+-----+-----+-----+
|           |     |     |
|           |     |     |
+           +-----+-----+
|           |           |
|           |           |
+-----+-----+           +
|     |     |           |
|     |     |           |
+-----+-----+-----+-----+

So I wrote the code below to achieve my goal:

<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2"></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

But it didn't work,it display like this in Firefox:

+-----+-----+-----+-----+
|     |     |     |     |
|     |     |     |     |
+-----+-----+-----+-----+
|           |     |     |
|           |     |     |
+-----+-----+-----+-----+
|     |     |           |
|     |     |           |
+-----+-----+-----+-----+

I don't find my fault, what should I do? Any help will be appreciate！

解决方案

There is nothing that requires any minimum height for the third row. Add such a requirement with a CSS rule, e.g.

tr { height: 1.3em; }

这篇关于HTML表格显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！