Question

如果我使用此代码，不幸的是我在虚线边框后得到额外的“行”。你能帮帮我吗，怎么能在边界之后将“空间”设置为0？

<td style="height:50px; line-height:10px; margin-top:10px;" >
   <div class="test"><p>test line 1</p></div>
   <div class="test"><p>test line 1</p></div>
   <div class="test"><p>test line 1</p></div>
   <div class="test"><p>test line 1</p></div>

</td>




.test {
    border-top-style:dotted; 
    border-top-width:1px; 
    border-top-color:#999;
    margin-top:-10px;
    margin-bottom:-10px;

 }

谢谢。

Answer 1

上面的示例中未使用CSS类测试。也许你忘了粘贴一些相关的部分。你有没有设置

border-collapse: collapse;

在你的桌子的CSS中？

Answer 2

边距对表格单元格没有意义。你想设置填充吗？

HTML似乎很奇怪。你有一个表格单元格，里面有四个div。你可以张贴整张桌子吗？

Answer 3

尝试设置.test p { margin: 0; }？

Answer 4

为什么不这样写？

<style type="text/css" media="screen">
  .test {
    padding: 0;
  }
  .test li{
    border-top: 1px #999 dotted;
    list-style: none;
    padding: 10px 0 0 0;
  }
</style>

<ul class="test">
  <li>test line 1</li>
  <li>test line 2</li>
  <li>test line 3</li>
</ul>

边界后的额外行

4 个答案: