【问题标题】:Set Table Separator Position设置表格分隔符位置
【发布时间】:2018-08-29 17:19:18
【问题描述】:

我有一个有两列的表(它只有一行)。

但是,我想让右列真正靠近左列。 每当我尝试时,右列都会向右对齐。

有没有办法设置分隔符的位置,或者至少将右列的开始位置设置在左列文本的结尾附近?

我的实际代码示例:

<table style="width:400px;">
    <tr>
        <td>
            First
        </td>

        <td>
            100
        </td>
    </tr>
</table>

建议?

【问题讨论】:

  • Your code wil have "First" and "100" right next to eachother,除非-collapsed borders。也许您的示例尚未完成?也许你的桌子上有特定的宽度?
  • @Jeroen 是的,这只是一个快速草图,它有一个固定的大小。但是这个问题已经得到了成功的回答。感谢您的评论,事实上,如果其他人过来并直接看,可能会认为我很愚蠢。后期编辑,无论如何这仍然是一个快速的草图。

标签: javascript css html-table


【解决方案1】:

你可以试试

table{ border-collapse: collapse; }

DEMO.

【讨论】:

    【解决方案2】:

    根据您想要实现的具体目标,您可能需要查看border-collapse CSS property。在您的示例中,应将其设置为:

    border-collapse: collapse;
    

    Example

    【讨论】:

      猜你喜欢
      • 2014-11-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-14
      • 1970-01-01
      相关资源
      最近更新 更多