相关疑难解决方法(0)

我有一个包含许多行的表.其中一些行是class="highlight"并且表示需要以不同方式设置样式并突出显示的行.我要做的是在这些行之前和之后添加一些额外的间距,使它们看起来与其他行稍微分开.

我以为我可以完成这件事,margin-top:10px;margin-bottom:10px;但它不起作用.任何人都知道如何完成这项工作,或者是否可以完成？这是HTML,我已经在tbody中设置了第2个tr到类突出显示.

<table>
<thead>
  <tr>
     <th>Header 1</th>
     <th>Header 2</th>
  </tr>
</thead>
<tbody>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr class="highlight">
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
</tbody>
</table>

意味着使得结果表看起来不像这样:

[===ROW===]
[===ROW===]
[===ROW===]
[===ROW===]

......更像这样:

[===ROW===]

[===ROW===]

[===ROW===]

[===ROW===]

我尝试添加

margin-bottom:1em;

对于td和tr都没有得到任何东西.有任何想法吗？

我想做一些与此相似的东西但是有表行

我做了这个<li>,花哨的边框等等,真的很容易,但是对于表行,我几乎尝试了所有东西,tr,td边框折叠,单独,边距,填充,我无法正确.

我想要制作的表的结构是这样的:

<table>
<tr><td>abc</td><td>abc</td></tr>
<tr><td>abc</td><td>abc</td></tr>
<tr><td>abc</td><td>abc</td></tr>
</table>

我在这里发现了类似的问题

表中两行之间的空格？

但我没有想象答案,每个答案都不同,听起来没有达成协议

我正在动态显示一个表,只需要调整CSS,以便行之间有空格,由一行分隔,就是全部.我不希望行看起来相互挤压.他们所说的是填充细胞.我硬编码到html表中的cellpadding,它没有任何效果.真正改变外观的唯一因素是cellspacing,但光学效果不佳.

我不明白他们如何写下面的答案,因为他们使用了这么多大括号,据我所知,你在CSS文件中创建一个以'.'开头的类.和2个括号并把所有的东西放进去,但他们写道:

table tr{ float: left width: 100%; }

tr.classname { margin-bottom:5px; }

但是他们在没有宣布课程的情况下开始,当他们在中间时,他们为tr创建了一个类.我不明白.

有谁知道如何以正确的方式放置代码？