CSS 그리드 및 CSS 모듈을 사용하는 프로젝트에 VS 코드를 사용하고 있습니다. 그러나 이런 것을 시도 할 때 .loginRegisterDiv {
composes: loginDiv;
margin: 0px;
width: 100%;
}
나는 작곡에 대해 "알 수없는 속성"이라고 말하는 오류가 발생합니다. 플러스 나는 CSS를
16 개의 그리드 항목이 포함 된 그리드가 있습니다. 상단 행에 4 개의 그리드 항목, 두 번째 행 3, 세 번째 행 2, 네 번째 행 7이 필요합니다. 각 공백이 균등하게 배치되어 사용 가능한 모든 공간을 차지하도록하고 싶습니다. 숫자를 grid-template-columns, 즉 12로 지정하고 그리드 항목에 grid-column-end: span-*을
W3C의 권고안 29 년 9 월 크롬/파이어 폭스/IE는 이미 기능을 구현하기 때문에 2016 년을 https://www.w3.org/TR/css-grid-1/ 출판되었다 (더 많거나 적은 완전하고 기능 플래그 뒤에) W3C에 의해 최종 스펙이 거의 될 것입니다 해당 브라우저의 출시 날짜. 일반적인 W3C 프로세스와이 작업 그룹의 진행 상황을 바탕으로
혼란 스럽습니다. 나는 CSS에서 그리드에 대해 읽고있다. 나는 마이크로 소프트의 책을 읽고있다 그리고 그들은 다음과 같은 속성을 작성했습니다 : .container{
grid-columns: 1;
}
을하지만 비디오에 내가 YouTube에서보고 있었다, 그들은 썼다 : .container{
grid-template-columns:
grid 레이아웃을 사용하여 위로/확인/아래로/왼쪽/오른쪽 버튼으로 TV 리모컨을 설계하려고합니다. 문제는 그 결과가 나에게 예기치 않은 결과라는 것입니다. 세 개의 행과 세 개의 열을 특정 위치와 공백으로 똑같이 구분하여 정의하기 만하면됩니다. 내가 도대체 뭘 잘못하고있는 겁니까? result 대신이 Up left OK
right down
과
CSS 작업 그룹 멤버 Rachel Andrews는 Sass가 새로운 CSS 그리드 사양과 호환된다는 회의 비디오를 언급했습니다. 이를 통해 누구나 Sass의 그리드 템플릿 영역에 "ASCII 아트"를 배치하는 구문을 알고 있습니까? 이후 Sass 문서를 확인했는데 (아직) 아무것도 찾을 수 없습니다. 내가 얻는 오류는 간격과 관련이있다. 커뮤니티의 모든
CSS 그리드 (지금은 아니지만)로 놀고 있는데, Firefox에서 작동하기 위해 끈적한 바닥 글을 얻을 수 없습니다. Chrome에서 정상적으로 작동하므로 브라우저 문제 일 수 있지만 커뮤니티에 더 많은 지식을 부여합니다. 난과 같이 열/행을 주요 그리드 요소로 내 몸을 설정하고 정의하고 있습니다 : body {
min-height: 100vh;
CSS Grid Layout을 사용하면 inputs이 포함 된 요소의 오른쪽 패딩을 고려하지 않는다는 것을 알았습니다. 특히 grid-template-colums css 속성이 범인 인 것으로 보입니다. 이 문제는 CSS 그리드 레이아웃을 제쳐두고 box-sizing: border-box 응용 프로그램을 통해 해결되었습니다. 비록 이것이 적용되고 CSS 재