css-grid

1열

1답변

CSS 인 flexbox - 컨테이너가 축소 만약 내가 쉽게 텍스트를 축소하고 줄임표로 자릅니다 텍스트와 버튼,와 인 flexbox을 렌더링 할 수

CSS 그리드 (파이어 폭스 전용)에서 잘린다 텍스트 : .titleBarCtr { align-items: center; display: flex; } .titleBar { color: white; background-color: green; flex: 1; heig

3열

1답변

CSS 그리드가 IE11 또는 Edge에서 -ms 접두사가있는 경우에도 작동하지 않습니다.

나는 here 가이드를 따라 IE 11에서 그리드를 작동 시켰습니다. 문제는 이러한 규칙을 따르더라도 열과 행이 서로 겹치기 때문입니다. 그리드 위치를 차지하는 것보다. https://codepen.io/anon/pen/pdNWMj : <div class="grid"> <div>Top Left</div> <div>Top Right</div

0열

1답변

내 첫 번째 개체가 내 눈금에있는 다른 개체보다 왜 더 큰가 CSS

안녕하세요 갤러리 갤러리에서 아트 갤러리 용 일부 이미지를 표시하려고하는데 CSS 그리드를 사용하고 있습니다. 나는 단지 하나의 질문 만 있고 나는 거기에 붙어있는 것 같아. 왜 내가 왜 그럴 수 있는지 모르겠다. 패딩과 크기 매개 변수는 그리드 디스플레이의 첫 번째 객체에 영향을 미친다. 첫 번째 객체는 다른 것보다 컸다. 다른 사람,

0열

1답변

CSS 그리드에서 열 선택

CSS 그리드에서 열을 선택하는 방법을 찾고 있습니다. :nth-child() 선택기를 사용하여 정적 그리드에서 열을 선택하는 방법을 찾았습니다. 예 : 3 열 그리드에서 :nth-child(2)은 두 번째 열의 모든 그리드 항목을 선택합니다. 그러나 내가하는 것처럼 세 가지 미디어 쿼리를 사용하는 반응 형 그리드를 사용하는 경우에는 작동하지 않습니다. 내

1열

1답변

webpack의 autoprefixer에 대한 CSS 그리드 지원

프로젝트에 대해 autocrefixer와 postcss 및 webpack을 사용하고 있습니다. CSS 그리드도 사용하고 있습니다. 그러나, 나는 내가 CSS를 그리드에 대한 ms 접두사가 작동하지 않습니다 내 코드를 빌드 나타났습니다. 여기 내 flexcbox 같은 것들을 위해 일하는 내 postcss.config.js입니다. CSS 그리드 지원을 어떻게

1열

1답변

grid-column-gap은 행의 마지막 div 끝에 갭을 추가합니다.

저는 CSS에서 그리드를 실험 해왔고 다음과 같은 것을 보았습니다. 제가 내 .container 여러 div의 20 %의 폭을 갖는 5 개 항목의 격자를 생성 함유하는 용기를 만들었다. grid-column-gap을 추가했으며 컨테이너에 오버플로가 생성되었음을 알았습니다. 나는 grid-column-gap이 값을 grid-template-columns 값에

0열

1답변

CSS Grid가 예상대로 작동하지 않습니다.

다음의 CSS Grid 예제가 예상대로 작동하지 않는 이유를 알아 주실 수 있습니까? https://codepen.io/Nekto/pen/yPpaBE .cards { margin: 0; padding: 1em; display: grid; grid-template-columns: 1fr 1fr 1fr; g

3열

2답변

열 너비를 특정 격자 항목의 너비로 제한

이 간단한 사용 예는 항목 제목과 설명입니다. 제목이 설명 위에 나타나야하며 전체 열의 너비를 결정하기위한 제목과 '설명'행에 대한 제목이 필요합니다. CSS Grid로 가능합니까? 그렇다면 어떻게해야합니까? 이것은 원하는 출력 : 그리고 기본적으로 코드입니다 : .grid-container { display: grid; grid-

0열

1답변

CSS를 사용하여 두 클래스를 동시에 전환하는 방법

두 클래스 중 하나를 가리키면 두 클래스에서 동시에 페이드 인을 전환하는 데 문제가 있습니다. 내가 .sv 로고 위에 마우스를 가져 가면 위의 CSS 작동 .sv-logo { opacity: 0.5; transition: all .3s; } .nav{ opacity: 0.5; transiti

0열

1답변

CSS 그리드 표시 줄 번호 숨김

어떤 이유로 CSS 그리드 표시 줄 번호를 토글 할 때 숫자가 맨 위에 숨겨져 있습니다. Firefox Developer Edition을 사용하고 있습니다. CSS 그리드 개발 도구 : 마진 grid number hidden 줄 번호가 표시되지 않습니다이 추가 마진 grid numbers shown