Question

我在表格中有以下func：

th

我想在附图中隐藏这个元素

Answer 1

你可以做到

<th>Результат</th><th></th>

这将把第一个文本放在第一列，第二个文本放在空白

Answer 2

我认为你想要th内的倾斜分隔符。检查样品。

table {
  width: 150px;
}

th {
  position: relative;
  border: solid 1px #ccc;
}

.col {
  width: 50%;
  float: left;
}

.separator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: solid 1px #f00;
  transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -ms--transform: rotate(-15deg);
}

<html>
  <head></head>
  <body>
    <table>
      <tr>
        <th>
          <div class="col">Hello</div>
          <i class="separator"></i>
          <div class="col">World</div>
        </th>
      </tr>
    </table>
  </body>
</html>

如何划分表格中的元素？

2 个答案: