table表格怎么布局尤其是条件1与条件1之间的线，谢谢大家

这个不能直接用table实现吧。可以用div span 结合css实现。

表格 HTML CSS JS 布局

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
<title>线的过渡动画效果Demo</title>

</head>
<style>
.animate {

/*width: 0;*/
height: 0;
/*-webkit-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1);*/
/* transition: width 1600ms cubic-bezier(0.4, 0.61, 0.355, 1); */
 /*transition: width 1600ms; */
 transition: height;

}

.div1 {

/*width: 100%;*/
/*height: 2px;*/
width: 2px;
/*background: #c2c2c2;*/
background: #f46c0e;
margin-left:100px;

}
</style>

<!-- <div>线的过渡动画效果</div> -->
<br/>
<div style="width:400px;height:400px">
    <div class="div1 animate"></div>
</div>

</body>
<script type="text/javascript">

function line(){
    var t = setTimeout(function(){
        var element  = document.getElementsByClassName("div1")[0];
        console.log(element);

        // element.style.width = "100%";
        element.style.height = "100%";
        element.style.transitionDuration = "3s";
        element.style.transitionTimingFunction="cubic-bezier(0.4, 0.61, 0.355, 1)"
    },3000);
}
line();

</script>
</html>

表格 HTML CSS JS 布局

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

如何处理 CSS calc() 函数中的单位不一致问题？

js阻止冒泡问题？