【问题标题】:Setting Margin between TableRows设置 TableRows 之间的边距
【发布时间】:2012-07-05 11:49:23
【问题描述】:

我正在尝试在两个表格行之间设置一定的边距。

我在 css 中使用以下代码 sn-p:

background-color: #72c2dd;
margin-top: 25px;

background-color 已应用,但 margin-top 不起作用。 (参考下面的截图)

这是整个表的问题。
所有其他属性都可以正常工作,但margin 存在一些问题。

任何帮助表示赞赏。

左边的图片是应该是这样的,右边的图片是它是如何显示的(第二行顶部没有边距)。

【问题讨论】:

    标签: html css margin html-table


    【解决方案1】:

    表格单元格没有可更改的边距。但是,您可以更改单元格的填充。您可以尝试的另一个技巧是使用以下内容在行的上部添加透明边框:

    border-top: 5px solid transparent;

    【讨论】:

    • 我试过border-top-width:25px; border-top-color:green; border-top-style:solid;(当然我会用color:transparent后记),但这不起作用...
    • 但如果我尝试将此代码用于另一个元素,它会起作用...奇怪:(
    • 你是用它作为内联 CSS 还是在样式表中?有什么影响吗?
    【解决方案2】:

    改用border-top,border-top: 25px solid white original try table-layout http://www.w3schools.com/cssref/pr_tab_table-layout.asp 并为该单元格设置自定义高度

    【讨论】:

      【解决方案3】:

      如果您只有一列,那么 "cellspacing" 将解决问题;

      否则,您可以为宽度为 25px 的行使用白色上边框;

      【讨论】: