css-grid

7열

4답변

CSS Grid의 마지막 행에 요소를 배치하는 방법은 무엇입니까? 나는이 같은 일부 항목을 배치하기 위해서 CSS 그리드를 사용하고

은 ... #container { display: grid; grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; } .item { background: teal; color: white; padding:

2열

1답변

CSS 그리드 반응 카드가 수평으로 확장되지 않습니다.

반응 식 카드 그리드를 만들기 위해 CSS 그리드 지침을 따라 왔지만, 그리드는 카드를 세로로만 표시하고 브라우저의 너비와 일치하도록 가로로 확장하지 않습니다. 도움이 될만한 답변을드립니다. 체크 아웃 여기에 코드 펜 : https://codepen.io/synapse709/pen/aLdbPP .card_wrapper { display: gri

1열

1답변

CSS 그리드 - 그리드 템플릿 영역 동작

그리드 템플릿 영역에 의해 정의 된 CSS 그리드가 있습니다. 누군가 다음 템플릿이 작동하지 않는 이유를 말해 줄 수 있습니까? 나는 동등한 섹션을 가진 4x3 격자를 볼 것으로 기대한다. 작동하는 그리드의 스타일을 주석 처리했을뿐만 아니라 어떤 일이 일어나는지 보여주는 바이올린도 있습니다. 나는 2의 차이를 해독하는 데 어려움을 겪고 있는데, 왜 이것이

4열

3답변

잠재적으로 무한한 자식 목록의 n 번째 자식 선택

난 그리드 레이아웃 - 행 당 4 열. CSS 그리드 레이아웃을 사용하고 있습니다. 잠재적으로 무한한 수의 항목이있을 수 있습니다. <div class="grid"> <div class="item"></div> <div class="item"></div>  </div> 항목 수가 잠재적으로 무한 할 경우

-5열

2답변

IE에서 display = grid가 작동하지 않는 이유는 무엇입니까?

CSS에 display = grid을 사용하고 있습니다. Chrome & Firefox에서는 정상적으로 작동하지만 IE에서는 작동하지 않습니다. CSS 트릭이나 다른 솔루션?

0열

2답변

CSS 그리드 레이아웃을 사용하여 반응 형 이미지를 활용하는 방법

필자는 새로운 CSS 그리드 레이아웃을 사용하고 있으며 많은 정보를 찾을 수없는 한 가지는 이미지를 반응 적으로 만드는 방법입니다. 미디어 쿼리를 사용하고 이미지 너비를 100 %로 설정하려고 시도했지만 이미지가 여전히 그리드 외부로 오버플로됩니다. 내가 뭘 놓치고 있니?

-3열

1답변

CSS Grid의 다른 모든 행을 어떻게 스타일링 할 수 있습니까?

필자는 요소 수 (콘텐츠/그리드 항목의 수)가 무한한 div입니다. CSS 그리드의 정의 된 수의 열에서 레이아웃을 수행하기를 원합니다. CSS 그리드 (CSS Grid)는 그러한 것들을 쉽게 구현할 수 있습니다. 하지만 이제는 요소가 자리 잡았으므로 결과 격자의 모든 행마다 어떤 식 으로든 <div>을 스타일 지정하고 싶습니다. 다른 모든 행의 표를 더

0열

1답변

3 css 그리드 중심의 오른쪽에 1 픽셀의 여백이 있습니다

css-grid 스펙으로 몇 가지 테스트를하고 있고 첫 번째 테스트에서 문제가 발생했습니다. 나는 3 개의 열이있는 중앙 집중 그리드를 만들고 그리드 내부의 div가 열의 너비를 채우도록하고 싶습니다. 이것은 작동하지만 난 오른쪽 페이지에 1 픽셀의 마진을 기대하지 않은 : .wrapper { max-width: 400px; mar

1열

1답변

CSS 그리드로 오버 플로우 자동 작업을 어떻게합니까?

아래의 코드 단편에서 "아코디언"은 전체 페이지가 아니라 오버플로에서 스크롤 할 수 있어야합니다. 현재 아코디언을 오버플로하려는 경우에도 전체 페이지가 스크롤 가능할 수있는 것처럼 보입니다. 필요한 경우 콘텐츠 페이지 오버플해야하지만 전체 페이지 /*Page Layout*/ .wrapper { display: grid;

0열

3답변

각 상자에 제목을 얻는 방법은 무엇입니까?

더 쉽게 볼 수 있도록 div의 색상을 다르게하려고했습니다. 각 상자의 왼쪽 하단에 제목을 추가하고 싶습니다. 그게 가능하다면 그렇게 될 것입니다. 또한이 div는 모바일보기에 반응하므로 텍스트를 유용하게 사용할 수 있습니다. 미리 감사드립니다. .wrapper { max-width: 900px; margin: 0 auto;