SOURCE

<div>
    <div class="line-table">
        <label class="table-title">算子名称：</label><span>多段函数</span>
        <label class="table-title">算子代码：</label><span>ORG</span>
        <label class="table-title">算子序号：</label><span>411</span>
    </div>
    <div>
    <label class="table-title">图形:</label>
    <div class="line-box">
        <label class="title">ORG</label>
        <div class="box-output">
            <div class="box-put">
                <div class="box-put-mark">
                <i>→</i><span>X</span>
                </div>
                <div class="box-put-mark">
                <i>→</i><span>X</span>
                </div>
                <div class="box-put-mark">
                <i>→</i><span>X</span>
                </div>
                <div class="box-put-mark">
                <i>→</i><span>X</span>
                </div>
                <div class="box-put-mark">
                <i>→</i><span>X</span>
                </div>
                <div class="box-put-mark">
                <i>→</i><span>X</span>
                </div>
            </div>
            <div class="box-out">
                <div class="box-out-mark">
                <span>Y</span><i>→</i>
                </div>
                <div class="box-out-mark">
                <span>Ycode</span><i>→</i>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

.line-table{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    /* border: 1px solid; */
    height: 20px;
}
.table-title{
    font-weight: 700;
}

.line-box{
    border: 1px solid;
    min-width: 50px;
    max-width: 150px;
    min-height: 100px;
    max-height: 200px;
    margin: auto;
}
.title{
    display: block;
    text-align: center;
}
.box-output{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.box-put{
    display: flex;
    flex-direction: column;
    /* margin-left:5px; */
}
.box-put-mark{
    display: flex;
    flex-direction: row;
}
.box-put-mark i{
    margin-left: -25px;
}
.box-put-mark span{
    margin-left: 13px;
}

.box-out{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    
}
.box-out-mark{
    display: flex;
    flex-direction: row;
}
.box-out-mark span{
    margin-right: 15px;
}
.box-out-mark i{
    margin-right: -23px;
}