【问题标题】:CSS, <table> borders: How do I prevent a border added to a table cell from displacing neighboring cells?CSS,<table> 边框:如何防止添加到表格单元格的边框取代相邻单元格?
【发布时间】:2017-06-11 16:07:30
【问题描述】:

我的单元格有 width 1px 和 width 2px 的边框,其余的没有边框。带边框的单元格巧妙地调整了周围单元格的间距。我不想要这个。如何防止它,同时仍然为不同的单元格启用不同大小的边框?

【问题讨论】:

  • 你是如何设置边框的?属性还是 CSS?

标签: css html-table border


【解决方案1】:

我认为您要么需要将所有非边框单元格的大小调整得比周围的线宽高一些。

或者你给他们所有的边框,并设置一些作为背景颜色。

或将边框的大小缩小为边框的大小

编辑

另一种选择可能是将所有控件放在一个 div 中,然后将 div 放在 td 中。这样你就可以将边框应用到 div 并且 td 的列和行都会自然展开

编辑 2

您需要使用桌子吗?您可以使用 div 并将它们与 html 一起放置吗?这可能会更容易。

【讨论】:

    【解决方案2】:

    设置负填充来补偿边框宽度是否有效?

    【讨论】:

      猜你喜欢
      • 2011-01-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-11-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多