css-grid

0열

1답변

display:grid을 어떻게 사용하여 .entry 또는 .post 요소 만 대상으로하고 아카이브 제목과 페이지 매김을 제외합니까? .content { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } <main class="content"

3열

2답변

CSS Grid의 의사 요소 위치 지정

그리드의 사양에 따라 가능하면 의사 요소를 배치하려고합니다. 이것은 내가 <body>에 설정 한 내 외부 레이아웃에 대해 잘 작동하지만 그 자체가 그리드 인 <header>에서는 작동하지 않습니다. 그리드의 오른쪽 열에 nav:after 요소를 어떻게 배치 할 수 있습니까? 내 예제에서 왜 작동하지 않습니까? 감사합니다. body { displ

0열

1답변

div가 100 % 높이이고 표시 : 그리드가 예상 한대로 수행하지 않습니다.

원하는 레이아웃은 50 % 높이 (50vh) 및 너비와 2 개의 동일한 너비 열이있는 HTML 본문의 상자 중심이며 내용 두 열 중 하나의 열이 자체 높이보다 커지면 세로 스크롤 막대가 표시됩니다. 나는 다음과 같은 것을 가지고있다. fiddle. display: grid div의 왼쪽 열은 #col1입니다. 높이를 100%으로 설정하면 텍스트의 높이가 텍

2열

2답변

CSS 그리드 열이 시작 및 끝나는 곳이 예상되지 않습니다.

이상한 문제가있는 CSS 그리드를 처음 접하게됩니다. https://codepen.io/bmarshall511/pen/OjYXZJ 동일한 CSS가 두 개의 다른 div (.grid-3-10), 하나는 h1, 하나는 p로 적용되지만 다른 위치에서 시작됩니다. 왜 도움이 될지 이해할 수 없습니다. .grid-3-10 { margin-left: au

1열

3답변

CSS 격자 내의 이미지 크기 조절

나는 한 묶음의 영역과 사진 컨테이너가있는 CSS 그리드가 있습니다. 나도 몰라 방법 : 1)이 격자의 영역에 포함되도록 사진의 크기를 제어하고, 2) 사진의 폭을 유지 100 %로 (따라서 컨테이너와 동일) 사진의 크기에 맞게 컨테이너의 높이를 조절하십시오. 기본적으로, 다음 화면이 작아지고, 사진의 폭은 작아지고 너무 높이 않습니다 - 태그, 앨범을 당

-1열

1답변

그리드 셀에 배경 이미지를 추가하는 방법은 무엇입니까?

display : grid 컨테이너 (섹션 요소)에 들어있는 표 셀 (div 요소)에 배경 이미지를 추가하려고합니다. background-image : url ("background.png")을 시도하고 있지만 작동하지 않습니다. 나는 이유를 모른다. 여러 번 사용해 보았지만 사용하지 않았습니다. 여기 사전 여기에 감사합니다 도움이 필요하면 HTML 및 C

2열

1답변

CSS 그리드 지원을 위해 웹 브라우저를 어떻게 쿼리합니까?

CSS 그리드 지원을 위해 웹 브라우저를 쿼리하려면 어떻게해야합니까? 모든 주요 브라우저는 최신 버전의 CSS Grid를 지원하지만 클라이언트에 이전 버전이있는 경우 대체해야합니다.

2열

1답변

는 방법 자동 필요없이 CSS 그리드

나는 현재 그리드를 만들이 .post{ display: grid; grid-template-columns: [col1]1fr [col2]1fr [col3] 1fr [col4] 1fr [col5] 1fr [col6]1fr [col7] 1fr [col8]1fr [col-end]; grid-template-rows: [row1-star

2열

1답변

CSS 그리드 문제 행과 여러 div가 가운데에 배치 된 간단한 CSS 레이아웃 만들기

저는 CSS Grid의 초보자이며 개인 블로그를위한 간단한 CSS 레이아웃을 만들고 싶습니다. 어떻게 내가 달성하고자하는 것은 전체 폭이 여러 행을 가지고 그 행 내에서 서로 다른 폭과 추가 된 div를하고 부모의 중심에 codepen.io codepen.io 내에서 그것을 밖으로 시도하고있다 (행), 어쩌면 하나 이상의 행을 위에서 아래로 10 divs

-1열

1답변

그리드에 이미지 스틱을 넣으려고합니다.

저는 1fr 1fr로 그리드를 만들고 그 중 하나는 50 %입니다. 왼쪽 크기 HEADERS 및 P 's를 얻고 싶습니다. 오른쪽에 IMG를 설정하고 싶습니다. 나는 왼쪽의 크기가 페이지처럼 행동하는 동안 이미지가 오른쪽의 스크린에 붙어 있기를 원한다. . 어떻게 할 수 있습니까? ***css*** .grid > box2 { background-col