css-grid

0열

1답변

사이트에 팀원 목록을 작성하려고합니다. 그리고 (항상) 직업 설명 다운로드를 추진하고있는 정말로 긴 직책을 가진이 사람이 있습니다. 이것은 다른 작업 설명과 오정렬을 일으켰습니다. 디자이너는 이에 대해 매우 강경합니다. 작업 제목이 긴 4 선이되면 font-size: 10px; height: 30px; line-height: 1; 그러나, 아직 증거

0열

2답변

그리드 레이아웃과 UL 기묘한 한계

나는 모바일 devours에서 모바일보기로 갈 때마다 그리드가 정렬되지 않은 목록을 가지고있다. 그리드는 5 열 대신 1 개의 항목이된다. 내 코드에서 아무데도 정의하지 않은 이상한 왼쪽 여백과 내가 왜 여기에 있는지 이해하지 못한다. 내가 마진을 설정할 때 : ul에 대해 0은 여전히 거기에있다. 어떤 생각일까요? 내 CSS를 & HTML : ul {

0열

1답변

컴포넌트를 추가 한 후 CSS 그리드 카드가 더 이상 반응하지 않습니다.

저는 card_wrapper 내에 레이아웃 된 카드 사이에 React 구성 요소를 추가하려고합니다. 나는 CardDetail 구성 요소를 제거하는 경우 .card_wrapper { max-width: 1200px; margin: 10px auto 50px auto; display: grid; justify-

0열

2답변

CSS Grid 내부의 항목이 행 높이를 채우고 있습니까?

그리드의 가장 큰 항목과 일치하도록 CSS Grid (display: grid 사용) 행을 설정하는 방법을 보여주는 많은 해답을 찾았지만 그리드와 일치하도록 크기의 항목을 크기로 지정합니다. 예를 들어 여기에 표의 행이 있습니다. 첫 번째 항목이 그리드와 어떻게 겹쳐지는 지 확인하고 다른 두 항목은 더 짧고 그 아래에 공백이 있습니다 (제목이 짧기 때문에)

0열

1답변

그리드 열의 행이 열로 표시되지 않습니다.

세 개의 이미지를 지정된 열에 배치하지 않고 CSS 그리드 형식 페이지의 한 행에 문제가 있습니다. <html> <title></title> <head></head> <body> <div class="Main"> <div class="Header Box"> <div id="One"> <

-1열

1답변

css grid fr 단위가 올바르게 표시되지 않습니다.

Google 크롬에서 다음 코드를 열면 header와 signIn 선택기가 둘 다 하나의 열에 걸쳐 있어야하지만 .create 선택기보다 훨씬 긴 것입니다. 이 문제를 일으킬 수있는 사람은 누구입니까? grid { display: grid; height: 1800px; border: 2px blue solid; grid-template: 1fr 1f

-1열

1답변

CSS를 사용하여 Microsoft Edge 용 그리드를 정의하는 방법

다음 CSS를 정의했으며 Chrome 및 Firefox에서는 잘 작동하지만 Microsoft Edge에서는 그리드의 두 번째 줄만 표시합니다. https://farquharmacrae.blogspot.com.au/2017/09/first-generation.html을 참조하십시오. Microsoft Edge에서 표시 할 전체 눈금에 대해 CSS를 어떻게 조

0열

1답변

CSS Grid - 콘텐츠를 가로로 오른쪽으로 정렬 할 수 있지만 세로로 가운데에 맞출 수 있습니까?

이 문제를 해결하기위한 여러 가지 방법을 생각해 볼 수는 있지만 기본적으로이 작업을 수행 할 방법이없는 경우 제 질문이 생깁니다. 내 페이지에 꼬리말이 있습니다. 꼬리말에 맞게 정렬 된 텍스트를 표시하고 싶습니다. 그러나 텍스트 중심을 수직으로 정렬하기를 원합니다. 즉각적인 생각은 요소에 약간의 여백을 추가하는 것이지만, 나중에 바닥 글을 크기 조정 가능하

0열

1답변

CSS 수평 메뉴가 작동하지 않습니다.

내 CSS 메뉴에 문제가 있습니다. 작동하지 않습니다. 다른 요소의 표시 속성을 전환하려면 버튼 위에 마우스를 놓고 싶습니다. CSS3 Grid-System을 사용합니다. 그것이 문제인지 나는 모른다. 먼저 (만 영향을받는)는 CSS 부분 : .navigation{ grid-column: 1; grid-row: 2/3;

-2열

1답변

각 셀의 열 수를 미리 결정하지 않고 CSS 격자 레이아웃

격자가 6 열입니다. |----------|----------|----------|----------|----------|----------| | | | | | hello | 110px-wide image | goodbye | | | | | |----------|----------|----------|--