Hacker News 의견

• 새로운 가상 요소를 만들고 싶음: .container:gap { background-color: red; }

  • 점선이나 그라데이션 같은 더 멋진 배경을 만들 수 있음
  • { padding: 2px }를 사용하여 구분자의 끝에 공백을 설정할 수 있음
  • :gap-horz와 :gap-vert를 사용하여 수직 및 수평 간격을 별도로 설정할 수 있음
  • .container:gap:nth-gap(2n) { color: blue; }를 사용하여 교차 색상을 얻을 수 있음

• 위원회에 의한 디자인은 최선이 아니지만, 비원어민으로서 제안된 속성 이름이 의미를 잘 전달하지 못함

  • 예를 들어, 간격을 정의하지만 구분자를 그리는 것임

• 조정 가능한 패널의 사용 사례를 고려했으면 좋겠음

  • 구현이 전적으로 사용자 영역에 있더라도 스타일 가능한 구분자가 이벤트를 받을 수 있으면 유용할 것임

• 테두리를 추가하면 항목의 크기가 변경되는데, 이는 바람직하지 않을 수 있음

  • 이 문제는 10년 이상 해결되어 왔음
  • 모든 사람의 CSS 파일의 첫 번째 줄은 * { box-sizing: border-box; }가 아닐까 생각함
  • 테두리가 너비의 내부에 위치하게 하여 더 합리적으로 생각할 수 있음

• 흥미로움. 요즘 QML에서 주로 UI 작업을 하고 있으며, 거의 모든 문제를 다루고 있음

  • 몇 달 전, 캘린더 보기에서 항목 사이의 간격을 사용하여 배경이 보이도록 하여 그리드 라인을 구현했음
  • 레이아웃의 "spacing" 속성과 GPU가 작업을 수행하도록 함

• 괜찮은 아이디어지만 10년 전쯤 더 유용했을 것 같음

  • 현대 CSS로는 단일 선택자와 속성으로 구분자를 처리할 수 있음
  • .things .thing:not(:last-child) { border-bottom: 1px solid gray; } 같은 방식으로 가능함
  • 기사에서 이 점을 언급하지만, 가장자리 사례의 빈도를 과대평가하는 것 같음

• 오랫동안 고통스러운 문제였음. 누군가가 무언가를 하는 것을 보는 것이 멋짐

  • 이것은 단지 display: grid일 뿐이며, 고정되지 않은 너비 요소에는 해당되지 않음
  • 작은 화면에서는 링크 사이의 |가 첫 번째 줄 끝이나 두 번째 줄 시작에 나타날 수 있음

• 독일 디자이너의 속담이 생각남: "디자이너가 더 이상 아이디어가 없으면 몇 개의 선을 추가함"

  • 콘텐츠를 명확하게 구분할 방법이 없을 때 선을 추가하기 시작함

• 종종 이 문제가 발생하며, <hr/>보다 나은 방법을 원함

  • 테이블 행이나 다중 열에서는 작동하지 않음

• 이게 통과되기를 바람... AI를 사용하여 flexbox에 대한 부족한 지식을 고치는 것은 축복이었지만, 이것이 실제 해결책처럼 느껴짐