html - 表格特殊单元格间距

标签 html css html-table

我有一个 table我不想在其中设置 padding &/或margin在每个 td在单元格之间应用一些间距,第一个答案是使用 CellSpacing和/或 CellPadding table 的属性但是当我使用这些属性时,它们会在每一侧(即顶部、底部、左侧和右侧)应用空间,但我只想在顶部和底部应用空间。

我的问题有什么解决方案吗?

最佳答案

使用空行作为间距

看下面的例子

 <table class="style1">
        <tr style="height: 20px;">
            <td>
                sfgefgfeg</td>
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
        </tr>
        <tr style="height: 5px;" >
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr style="height: 20px;">
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
        </tr>
        <tr style="height: 20px;">
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
        </tr>
    </table>

这里添加了高度为 5px 的行作为间距。

关于html - 表格特殊单元格间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11414442/

相关文章:

jquery - 将表行复制到另一个表 html

php - CodeIgniter fatal error

html - 在 Outlook 中停止在 body 标签上平铺

html - 使用文本节点时,我应该使用 "data"、 "nodeValue"、 "textContent"还是 "wholeText"字段?

html - SMIL 中的动画

javascript - 如何将 svg 宽度设置为 100% 并剪裁在高度上创建的多余空白?

html - 在跨度内右对齐数字的最简单方法。想不通

javascript - 不能多次更改 html 元素的不透明度

html - 使用CSS,如何将 "tightly"将 "A"对齐到 "B"的底部/末尾,其中 "B"具有未知的宽度和文本换行

php - 在循环中的 2 个 <tr> 上显示自定义标题