HTML创建表

我很难让桌子看起来像我需要的那个样

我需要这样的桌子

---

但我一直觉得sundmused ja hadaabi的文本重叠了，或者使用的单元格太宽了，所以文本的对齐变得很奇怪。有人能帮我创建一个这样的表格吗。

这看起来很像一个作业！但无论如何：

我怀疑您的问题是，前两个单元格“跨越”底部行中的三列，它们不会自动这样做。将

colspan=“3”

添加到单元格会得到如下结果，这就是您需要的猜测

td{
文本对齐：居中；
}

瓦赫特斯
日落沉思
哈达比德
01.01.2017.00:00 - 02.01.2017 00:00
1.
1.
科库
1.
1.
1.

如果表太小，可以使用

文本溢出：省略号

在文本空间不足时添加

…

表格{
边框：1px纯黑；
表布局：固定；
宽度：30%；
边界塌陷：塌陷；
文本对齐：居中；
边缘底部：10px；
}
表：第n个孩子（2）{
宽度：100%；
}
表：第n个孩子（3）{
宽度：50%；
}
表td{
溢出：隐藏；
文本溢出：省略号；
边框：1px纯黑；
}
.重要{
背景颜色：黄色；
}

瓦赫特斯
日落沉思
哈达比德
01.01.2017.00:00-02.01.2017.00:00
1.
1.
科库
1.
1.
1.
瓦赫特斯
日落沉思
哈达比德
01.01.2017.00:00-02.01.2017.00:00
1.
1.
科库
1.
1.
1.
瓦赫特斯
日落沉思
哈达比德
01.01.2017.00:00-02.01.2017.00:00
1.
1.
科库
1.
1.
1.

将您的样式添加到此代码中（填充、边距和颜色）

瓦赫特斯
日落沉思
哈达比德
01.01.2017.00:00 - 02.01.2017.00:00
1.
1.
科库
1.
1.
1.

---

向我们展示您迄今为止所做的工作，我们将为您提供帮助！提供代码示例。别担心，不是为了学校。为了工作。我不得不重新设计整个页面的样式，因为我们的一个.CSS破坏了大部分页面。谢谢你的第二个表格帮助我：D

<table border style='text-align: center;border-collapse: collapse'>
  <tr>
    <td COLSPAN=3>vahetused</td>
    <td>sundmused</td>
    <td>hadaabid</td>
  </tr>
  <tr>
    <td COLSPAN=3>01.01.2017.00:00 - 02.01.2017.00:00</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Kokku</td>
    <td>1</td>
    <td> </td>
    <td>1</td>
    <td>1</td>
  </tr>

</table>