此处的斜线,不是用表格写的,但是也适用于表格,只是需要更改表格的样式,可以 按照如下处理,即可
呈现的效果:如图所示
template部分:
<div class="header_detail custom"><div class="right">节次</div><div class="left">教室</div><div class="line"></div></div>css部分:
.custom {width: 70px;position: relative;color: rgba(255, 255, 255, .6);cursor: default;.left {position: absolute;left: 7px;bottom: 5px;}.right {position: absolute;right: 7px;top: 5px;}.line {position: absolute;top: 2px;left: 1px;width: 1px;height: 82px;transform: rotate(-55deg); /*这里需要自己调整，根据线的位置*/-webkit-transform-origin: top;transform-origin: top;background-color: #fff;}}
