css-grid

    1

    1답변

    우리는 Flexbox로 완료된 타일 항목의 기존 섹션을 가지고 있습니다. 내부 li 있습니다 ul.icon-grid { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; } 그리고 항목 : .icon-swatch__wrapper { width: 180px;

    0

    2답변

    에 의해 부모 국경을 덮어 씁니다. 어떻게하면됩니까? 코드 : <div class="container"> <div class="triangle">How are you ?</div> </div> .container { border: 1px solid gray; position: relative; width: 50vw;

    15

    2답변

    행 수가 모를 때 첫 번째 행부터 마지막 ​​행까지 그리드 항목을 확장 할 수 있습니까? 내가 알 수없는 수의 상자가있는 다음 html이 있다고 가정 해 보겠습니다. 첫 번째 그리드 라인에서 마지막 라인까지 세 번째 .box을 만드는 방법은 무엇입니까? .container { display: grid; grid-template-co

    2

    1답변

    원하는 행 : 동일한 높이 그리드 "섹션"을 행 기준으로 사용할 수있는 CSS 전용 솔루션으로 반응 형입니다. 에 기반 행당 카드의 다른 수를 표시 할 수있는 - 은 "항목 그리드는"반응해야한다 : 이 그림은 희망합니다이 게시물의 말보다 요구 나은 설명 뷰포트 너비. 그리고 주어진 행 내에서, 동등한 섹션은 "행마다"같은 높이를 가져야합니다. 아래의 HTM

    -3

    1답변

    크롬, 파이어 폭스 및 사파리 기술 프리뷰의 CSS 그리드 지원으로 누구나 멋진 CSS 그리드 생성기 또는 구성자를 찾을 수 있습니까? 일종의 여기 인 flexbox 발생기와 같은 : http://the-echoplex.net/flexyboxes/

    2

    2답변

    안녕하십니까, 웹 개발에 예쁜 새 , 나는 아름다운 CSS 그리드 도구를 사용하는 방법을 배우려고 노력하고있어,하지만 실제로이 붙어있어 : 를 다음 열 (같은 열 서식 파일)에서 카드가 자동으로 하나씩 흐르게하고 싶지만 실제로는 브라우저에서 카드 하나만 볼 수 있습니다. vh에 내 .wrapper 높이로 문제가 있다고 생각했습니다. px과 %을 시도했지만

    0

    1답변

    이 격자를 만들려고합니다. 복잡한 아무것도, 나는 다른 곳에서 코드를 재사용 할 필요가 없습니다 - 난 그냥 하나의 간단한 HTML 페이지를 구축하지 있어요. 2 개의 텍스트 상자와 2 개의 이미지가이 그리드에 있습니다. 나는 처음에이 경로 아래로 갈 거라고 : 아주 잘 일을 https://webdesign.tutsplus.com/tutorials/a-si

    2

    1답변

    word-wrap: break-word은 그리드에서 작동하지 않습니다. For tables 여기에는 table-layout: fixed이 있는데, 그리드에는 무엇이 해당합니까? <div style="background: #e3e3e3; width: 75%;"> <div style="word-wrap: break-word;"> norm

    0

    2답변

    그리드 컬럼의 스팬 크기에 대한 도움이 필요합니다. .main_comp:nth-child(n+3) { //background-color: yellow; grid-template-columns: repeat(6, 1fr); } .main_comp:nth-child(n+3) .bigimg { grid-row: 1; gr

    2

    1답변

    CSS Grid layout 만 사용하여 크기 조정 가능한 창없이 JS를 구현하고 싶습니다. 이것이 가능한가? 예 : CodePen의 편집기에는 HTML/CSS/JS 편집기 용 크기 조정 창이 있습니다. 또한 일반 JS에서 구현 한 아래 예제를 참조하십시오 (CodePen 예제에 URL을 추가 할 수 없어서 속성을 추가하기가 다소 어려움). 코드는 http