温馨提示:本文翻译自stackoverflow.com，查看原文请点击：其他 - How can I let html table borders merge into each other in css

css html html-table

其他 - 我怎样才能让HTML表格边框在CSS中相互合并

发布于 2020-03-28 23:23:59

在当前的项目中，我有一个三列的表。

<table>
    <tr>
        <th>Datum</th>
        <th>Entschuldigt?</th>
        <th>Vermerkt von</th>
    </tr>
</table>

我当前的表格样式表如下：

th {
    border-bottom: 1px solid black;
}

td + td {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

现在桌子看起来像这样

现在，我想删除那些小的空间，以使列分隔符和标题分隔符很牢固，而不是虚线。非常感谢您的帮助

提问者

byTreneib

被浏览

16

查看英文版

查看原文

Omri Attiya 2020-01-31 15:04

您需要border-collapse: collapse在桌子上使用：

th {
  border-bottom: 1px solid black;
}

td+td {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

table {
   border-collapse: collapse;
}

<table>
  <tr>
    <th>Datum</th>
    <th>Entschuldigt?</th>
    <th>Vermerkt von</th>
  </tr>
  <tr>
    <td>item 1</td>
    <td>item 2</td>
    <td>item 3</td>
  </tr>
  <tr>
    <td>item 1</td>
    <td>item 2</td>
    <td>item 3</td>
  </tr>
</table>

jimmartens 2020-01-31 15:10:56

你击败了我。在js-fiddle中，为我留了一个可能需要的正确边框，我摆脱了正确的规则并将其居中，看起来还不错。

jimmartens 2020-01-31 15:57:34

还请查看以下内容：w3schools.com/css/css_table.asp

byTreneib 2020-01-31 23:04:40

我将尽快进行尝试，然后提供反馈。

byTreneib 2020-01-31 23:25:22

这也很好。赞赏！

热门帖子

1

这大约是独立开发的顶流了吧， v 友们怎么看

2

V 友们今年刚需需要买车预算 20 出头极氪 007 可以入吗

3

黑群和白群的差异，如何选择？

4

急收点发票（电脑、笔记本、硬盘、nas 、 iPad 、服务器、交通、鼠标、键盘）

5

自研摄影 App 胶片拾光，五一限时促销： 1 元购买终身会员

6

已绝版邮箱的讨论

7

要去广州工作了，有没有什么租房上的建议

8

现在找工作怎么这么难

9

请问三星 S24 港版、美版，大家一般在哪儿购买？有没有渠道，介绍一下。

10

#buildinpublic 准备做一套跨域名，泛域名的签发与自动化部署证书系统，好奇有多少人有同样的需求。

相关问题

1

CSS：背景图片上的背景色

2

创建加载消息，这些消息将根据 shiny 的应用程序中情节的加载时间而改变

3

内部元素的CSS选择器

4

使用CSS将背景隐藏在属于其他域的iframe中

5

如何定义随浏览器缩放级别缩放的字体大小？

6

圆角边界

7

div中的p标签会影响相邻div的位置

8

下拉导航菜单显示在右侧并水平堆叠

9

调整窗口大小时为什么会被切断？

10

以增加的间距在vuetify网格中将v-col的n个中心居中

热门github

1

A multi-platform library for OpenGL, OpenGL ES, Vulkan, window and input (翻译：适用于 OpenGL、OpenGL ES、Vulkan、窗口和输入的多平台库)

2

Dev tool that writes scalable apps from scratch while the developer oversees the implementation (翻译：可扩展开发工具的 PoC，该工具从头开始编写整个应用程序，同时开发人员监督实施)

3

shadcn/ui, but for Svelte. ✨ (翻译：shadcn-svelte是shadcn/ui的非官方社区主导的Svelte端口。)

4

The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems. (翻译：用于生成式 AI 的 Python 风险识别工具 (PyRIT) 是一个开放式访问自动化框架，使安全专业人员和机器学习工程师能够主动发现其生成式 AI 系统中的风险。)

5

Performance-portable, length-agnostic SIMD with runtime dispatch (翻译：Highway 是一个提供可移植 SIMD/向量内在函数的 C++ 库。)

6

ZK Credo (翻译：ZK信条)

7

OpenCodeInterpreter: Integrating Code Generation with Execution and Refinement (翻译：OpenCodeInterpreter：将代码生成与执行和优化集成)

8

Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS. (翻译：Joplin - 一个开源的笔记和待办事项应用程序，具有Windows，macOS，Linux，Android和iOS的同步功能。)

9

Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention. (翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)

10

This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems (翻译：该存储库包含系统设计资源，在准备面试和学习分布式系统时非常有用)

11

Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA... (翻译：从零开始学习 Python 编程语言的课程，适合初学者)

12

🎓 Path to a free self-taught education in Computer Science! (翻译：🎓计算机科学免费自学教程！)

13

1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java (翻译：十亿行挑战 —— 使用 Java 对文本文件中的 10 亿行数据进行聚合的有趣探索)

14

A collective list of free APIs (翻译：免费 API 的集合列表)

15

📚 Freely available programming books (翻译：📚 免费提供的编程书籍)