Я использую сетки CSS для размещения моих элементов внутри контейнера < /p>
То, что я хотел бы достичь, - это использовать вертикальную линию, чтобы изменить размер горизонтально. Вопрос в новой, я новичок в веб-разработке, использовал только Python раньше, уже пытался поиск Google и StackOverflow, но все решения кажутся чрезмерно сложными и, как правило, требуют дополнительных библиотек, я искал что-то простое и только JS. class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">
Код: Выделить всё
body {
margin: 40px;
}
.wrapper {
display: grid;
grid-template-columns: 200px 8px 200px;
grid-gap: 10px;
background-color: #fff;
color: #444;
}
.box {
background-color: #444;
color: #fff;
border-radius: 5px;
padding: 20px;
font-size: 150%;
resize: both;
}
.handler {
width: 3px;
height: 100%;
padding: 0px 0;
top: 0;
background: red;
draggable: true;
}< /code>
A
B
Подробнее здесь: https://stackoverflow.com/questions/469 ... -css-grids
