table 元素样式

2024-01-11  本文已影响0人  Pluto_7a23

<table
class="table_box mb-10"
width="100%"
cellspacing="0"
align="center"
v-if="detailObj.is_type == 1"
>
<tr align="center">
<th>问题</th>
<th>答案</th>
</tr>
<div>
<tr >
<td>1+1?</td>
<td>2</td>
</tr>
</div>
</table>

.table {
  border: 1px solid #000;
  font-size: 12px !important;
  border-bottom: none;
}

.table_box {
  line-height: 30px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;

  tr {
    display: flex;
  }

  td {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  th {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    flex: 1;
  }
}
上一篇下一篇

猜你喜欢

热点阅读