jquery - 如何在表格的 td 内创建一条 flex 的线？

Question

<分区>

Answer 1

这是一个纯 CSS 示例，使用 after 和 transform: rotate:

.diagonal{border:1px solid gray;
    height:100px;
    width:100px;
    position:relative;
 }

.diagonal:after{
    content:"";
    position:absolute;
    border-top:1px solid red;
    width:150%;
    left:100%;
    transform: rotate(135deg);
    transform-origin: 0% 0%;
    top:0px;
}

<table>
   <tr>
      <td class='diagonal'></td>  
   </tr>
</table>