Serenity - Einfügen von 2. Spalte mit CSS

Categories: 3D

Serenity Einfügen von 2. Spalte mit CSS

JS und HTML Files

split.js

.split {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    width:100%;
    height: 100%;

    

}

.split-content {
    border: 1px solid #C0C0C0;
    box-shadow: inset 0 1px 2px #e4e4e4;
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.gutter {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
}

.split.split-horizontal,
.gutter.gutter-horizontal {
    height: 100%;
    float: left;
}

.gutter.gutter-horizontal {
    cursor: col-resize;
}

.gutter.gutter-vertical {
    cursor: row-resize;
}

html

<div id="b" class="split">
    <p> bb bb </p>
</div>
Written on February 16, 2021