Gridstack.js: 열의 왼쪽 오른쪽 패딩과 행 사이의 수직 여백을 지정하는 기능

수직 여백은 실제로 이미 "vertical_margin" 옵션인 것 같습니다. 이제 자세히 보니 CSS에서 왼쪽 및 오른쪽 패딩을 간단히 재정의할 수 있습니다.

.grid-stack-item-content, .placeholder-content{
왼쪽: 0;
오른쪽: 0;
}

이것이 위치 계산에 부정적인 영향을 미치지 않는다고 가정하면 잘 작동합니다.

안녕,

예, 세로 여백이 정의되어 CSS에서 재정의될 수 있습니다.

.grid-stack-item .grid-stack-item-content,
.grid-stack-item .placeholder-content {
    left: 10px;
    right: 10px;
}

초기화하는 동안 세로 여백이 무시될 수 있습니다.

그냥 호기심. 기본적으로 0이 아닌 20인 이유는 .. 또는 어쨌든 구성이 가능합니다. 평소에 필요한 것 같습니다. 어떤 생각이든 미리 환영합니다.

가로 여백 설정이 없는 이유가 약간 어리둥절합니다. CSS에서 가로 여백 설정을 재정의하는 것은 효과가 없는 것 같습니다. 그래서 나는 행 사이에 20px 간격이 있고 열 사이에 간격이 전혀 없습니다.

나는 충분히 높은 특이성을 얻기 위해 선택기에 클래스를 추가해야한다는 것을 발견했습니다.

.grid-stack .grid-stack-item .grid-stack-item-content,
.grid-stack .grid-stack-item .placeholder-content {
    left: 10px;
    right: 10px;
}