flexbox

-2열

2답변

저는 비뚤어진 CSS 디자인으로 웹 사이트를 운영해야합니다. 블랙 박스에 당신이 문제를 볼 수 있습니다 : ABC 방송 컨테이너가 올바른 위치에이 arent 일부 코드는 다음과 후 내 결과 : 목표는 몇몇 유사한 디자인입니다. 어떻게 해결할 수 있습니까? html, body { margin: 0px; padding: 0px;

0열

1답변

sibbling 요소에 flexbox 속성과 동일한 "패딩"을 지정합니다. justify-content : space-around

제목을 죽이는 데 대해 유감입니다. 하지만 내 문제를 요약하는 방법을 모르겠다. 아래쪽 텍스트가 내 목록과 동일한 패딩을 갖기를 원합니다. 이것이 가능한가? 바이올린 : https://jsfiddle.net/dyLnbr4a/ HTML : <section> <article> <ul> <li> bla </li>

0열

1답변

방법은 아래를 참조 제공 <code>flexbox mixin</code>가있는 FortyTwo 기반-테마에서 내가 <a href="https://www.drupal.org/project/fortytwo" rel="nofollow noreferrer">Drupal FortyTwo theme.</a>을 사용하고 테마

에 의해 제공이 말대꾸 인 flexbox 믹스 인을 사용합니다. 이 믹스 인을 어떻게 사용하는지 알아낼 수 없습니까? 예전 테마에는 이 부분 : #my-block { html.flexbox & { @include flex; @include bvp(flex-direction, column); } div.conten

4열

1답변

플렉스 열은 줄 바꿈 될 때만 가운데입니다.

플렉스 박스를 사용하여 열의 목록 항목을 표시하고 있습니다. 항목은 특정 높이 뒤에 열을 추가로 배치해야하며 열은 가로로 가운데에 배치해야하며 각 열의 목록 항목은 왼쪽 맞춤으로 지정해야합니다. 목록 높이를 제한하려면 max-height을 사용하고, 줄 바꿈을 구성하려면 flex-flow: column wrap을 사용하고 열을 가운데에 맞 추면 align-

0열

1답변

Flex 래퍼는 IE에서 flexbox를 사용하여 100 % 너비를 얻습니다.

JavaScript로 슬라이더를 만들었습니다. Chrome과 Firefox에서는 제대로 작동하지만 Internet Explorer에서는 제대로 작동하지 않습니다. 모두 slider_items을 포함하는 래퍼는 슬라이더 div보다 넓으며 화살표를 클릭하면 래퍼 위치 (왼쪽/오른쪽)가 변경됩니다. Internet Explorer의 래퍼 너비가 자동으로 기본 슬

1열

1답변

자동 크기 조정 플렉스 박스 레이아웃에 CSS 전환 또는 자바 스크립트 애니메이션 추가

.expands을 사용하는 디자인 패턴을 사용하여 .expanded 자동 크기 플렉스 박스 요소에 대한 하위 클래스를 .hidden 번 토글하려고합니다. 뭔가 같은 : const expandClick = e => { e.currentTarget.querySelectorAll('.expanded').forEach(child => { chil

0열

2답변

tailwind css로 뷰포트의 높이를 채우는 법

나는 Tailwind CSS를 시험해보고 뷰포트의 높이를 채우는 방법을 알고 싶다. <div class="flex items-stretch bg-grey-lighter"> <div class="flex-1 text-grey-darker text-center bg-grey-light px-4 py-2 m-2">1</div> <div clas

0열

1답변

Flex Css를 사용하여 탐색 막대 맞춤 고정

탐색 모음에서 컨텐츠 정렬을 수정하려고합니다. 네비게이션 바를 휴대 할 준비가되었습니다. .sidebar{ position: fixed; top:0; left:-300px; width: 300px; height: 100vh; background: #262626; transition: 1s;

2열

1답변

어떻게 flex 컨테이너의 너비를 자식의 너비까지 줄입니까?

궁극적으로 가운데 정렬 된 격자를 만들려고하지만 항목이 왼쪽 위 정렬됩니다. 나는 스타일 display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap;와 자식 컨테이너를 추가 한 후 초래 고정 폭과 하위 항목의 무리를 추가 한 후 text-align: cent

0열

3답변

부트 스트랩 4의 플렉스 클래스를 표 셀 상위의 높이로 가져옵니다.

글꼴 Awesome 5 (공식 CDN)와 함께 부트 스트랩 4 CSS 및 JS (공식 CDN)를 사용하고 있습니다. FA5 아이콘은 텍스트이기 때문에 원래는 부트 스트랩의 text-center 클래스를 사용하고있었습니다. 그런 다음 큰 너비 디스플레이에서 아이콘을 더 잘 분산하도록 text-justify을 사용해 보았지만 전혀 작동하지 않았습니다. 다음은