Question

CSS：

td, table { 
border: 
1px solid black 
}

.space {
padding:0px;
border-spacing:1px;
}

HTML：

<table style="width:800px" class="space">
    <tr>
        <td><p>A</p></td>
        <td><p>B</p></td>
        <td><p>C</p></td>
    </tr>
    <tr>
        <td><p>D</p></td>
        <td><p>E</p></td>
        <td><p>F</p></td>
    </tr>
    <tr>
        <td><p>G</p></td>
        <td><p>H</p></td>
        <td><p>I</p></td>
    </tr>
    <tr>
        <td><p>J</p></td>
        <td><p>K</p></td>
        <td><p>L</p></td>
    </tr>
</table>

我不能让桌子的高度变小。我希望行数大约只有一半。

建议？

（这是原始表的代码，没有任何改动，试图让它按照我想要的高度降低）

Answer 1

p标签有余量。这导致高度问题。将以下代码添加到您的css文件中以消除该边距：

p {
    margin: 0;
}

Answer 2

将此添加到您的css：

.p{
     height: 0.7em;
 }

正如@Wezelkrozum所说，p具有默认高度。或者，您可以尝试使用div＆amp;而不是p

如何更改桌面高度？

2 个答案: