小编JOK*_*KER的帖子

是否可以仅使用 CSS 将水平表格转换为垂直表格？

这是我所拥有的：

这就是我想要的：

第一个标题单元| 第一个数据单元

第二个标题单元| 第二个数据单元

第三个标题单元格| 第三个数据单元

第四个标题单元| 第四个数据单元

我的代码：

table{
  width: 100%;
  border-collapse: collapse;
}

td, th {
  text-align: left;
  border: 1px solid #ddd;
  padding: 10px;
}

<table>
  <tbody>
    <tr>
      <th>1st header cell</th>
      <th>2nd header cell</th>
      <th>3rd header cell</th>
      <th>4th header cell</th>
    </tr>
    <tr>
      <td>1st data cell</td>
      <td>2nd data cell</td>
      <td>3rd data cell</td>
      <td>4th data cell</td>
    </tr>
  </tbody>
</table>

我想在结账时将优惠券字段移到woocommerce_review_order_before_payment钩子上。

将优惠券字段放在页面顶部会对转化产生负面影响，因为用户会立即尝试寻找优惠券代码，如果找不到，则放弃结账。

我在网上看到它没有那么简单，因为优惠券字段也是一种形式。并且将优惠券字段放置在结帐表单内的任何位置会导致“应用优惠券”提交订单而不是应用优惠券。

我还在网上读到有解决这个问题的有效解决方案。但是，即使人们多年来一直在问同样的问题，也没有关于如何做到这一点的教程。

有人可以提供有关如何正确移动优惠券字段并一劳永逸地结束此问题的分步教程吗？

我有一个标题，里面有一个导航菜单。导航菜单的几个菜单链接样式为按钮。出于某种原因，按钮的样式仅在页面加载后才会出现。

屏幕录制：https : //streamable.com/k5fhmh

每次页面加载按钮时都会做这个“动画”，我不知道是什么原因造成的。

这可能是什么原因造成的？

我希望按钮的样式立即出现，没有动画或延迟。