flexbox

0열

1답변

플렉스 바디가있는 부트 스트랩 컨테이너 - 유체 Chrome 및 Firefox

Chrome 및 Firefox 모두에서 컨테이너 유체 div가 포함 된 플렉스 바디로 이상한 동작이 발생합니다. html, body { height: 100%; min-height: 100%; overflow: hidden; } body { display: flex; flex-d

0열

1답변

관리자 UI로 스타일 위드 간섭을 표시하십시오

위젯 스타일이 display: flex 인 경우 위의 내용은 "줄 바꿈"으로 표시되는 내용이 인 경우에 약간의 조언이 필요합니다. 여기에 jsfiddle입니다. 바이올린이 작동합니다. 두 요소 텍스트 - 및 배경 -은 각각 다음에 입니다. 나는이 지역에서 아포스트로피 위젯에서 동일하게 사용하는 경우 주문 2가 아래 를 표시되는 첫째는 명령했다. 차이점을 찾

1열

2답변

flexboxes는 다음을 생성합니까? before 및 : after?

호기심 질문, 그물에 대한 답변을 찾을 수 없습니다. :before, :after { content: ""; } 이 방법은, 내가 content에게 내가 필요 할 때마다를 선언 할 필요가 없습니다 : 내 CSS에 :before 및 :after를 많이 사용 그래서 내 스타일 시트의 시작 부분에이 선언 의사 클래스. 하지만 그렇게했을 때 disp

-1열

1답변

디스플레이가있는 이미지 : 플렉스; 크롬에서 사진 및 비디오 뻗어와 파이어 폭스에서 그들은 완벽한 .. I된다 <pre><code>display: flex; </code></pre> 문제를 사용하여 내가 웹 사이트에 있어요 파이어 폭스

크롬에 잘못 표시, 작업 .. 입니다 내 HTML과 CSS의 유효성을 확인 했으므로 아무런 문제가 없었습니다 ... 내가 시험해 볼 수있는 몇 가지 제안이 있으십니까? 나는 이미지와 동영상 자체에 플렉스 배치 시도하고 나는 폭을 시도 flex: 1 1 auto; 및 flex: 0 1 auto; 을 사용하고 있고, 높이 에게 손도 안 #section-

1열

2답변

최소 입력 오른쪽 왼쪽</li> </ul> 모든 요소에서 사용하는 값 + 단위</li> <li>입력 <ul> <li>라벨을 갖는 앱 반응에서 I 폼이 값

으로 성장 선폭 display : 기본적으로 flex. , 나는 그의 최대 폭 80 픽셀로 스트레칭까지 자체에 입력을 필요 은 내가 최소 폭 30 픽셀을 가지고 입력 크기 필요하지만, 경우에 입력 번호는 더 이상 (즉, 8 자리)입니다 여전히 오른쪽에 정렬됩니다. 여기 양식 행의 https://codepen.io/anon/pen/MrweLQ HTML의 바이

1열

1답변

Flexbox 수직 센터링/모바일 브라우저 문제

컨텍스트 : 컨테이너에 display: flex을 사용하고 페이지의 중앙에 수직으로 한 개의 svg 요소를 중심으로 정렬합니다. 페이지의 유일한 다른 점은 A) 문서 흐름에서 벗어나 공간을 차지하지 않는 고정 헤더와 B) 공간을 차지하지 않아야하는 position: absolute의 바닥 글입니다. 센터링은 모바일 크롬/모바일이 아닌 모든 브라우저에서 올바

-1열

3답변

열을 모눈에 맞춰 정렬하고 마지막 행을 가운데에 배치하려면 어떻게합니까?

나는 다음과 같은 레이아웃을 달성하는 방법은 다음과 같습니다 나는 인 flexbox을 사용하려고했습니다 jusitfy-content: space-around;을 사용하여 콘텐츠를 정당화. 거의 모든 것이 작동하지만 첫 번째 행을 제외하고는 각 열이 컨테이너에 맞춰집니다. 또한 6 개의 항목을 사용해야 할 수도 있습니다. 그 경우 하단 행은 상단 행과 동일하

0열

1답변

2x2 격자 상자 내용량에도 불구하고 동일한 높이

4 개의 개별 상자 (빨간색, 파란색, 녹색, 노란색)의 높이가 포함 된 콘텐츠의 양에도 불구하고 모두 동일한 크기 인 2x2 격자를 만들려고합니다. #rowTwo { background-color: pink; min-height: 25%; display: flex; flex-direction: column

0열

1답변

인 flexbox 메뉴 항목은 제작 아이 패드

http://fleurine.syberenvanmunster.com/blog/ 에 서로 인 flexbox에 따라 반응하는 메뉴를 축소하고이 메뉴 항목 화면의 오른쪽에있는 서로에 모두 축소 아이 패드 그러나, 내 컴퓨터에서 잘 작동 . 문제가 무엇인지 파악할 수없는 것 같습니다. 어떤 도움을 주시면 감사하겠습니다! Screenshot of the proble

-3열

1답변

플렉스 박스 요소 높이 100 %가 부모 바깥쪽으로 이동합니까?

디자인상의 이유 때문에 여기 flexbox를 써야했고 다른 스택 포스트를 통해 관리했던 디스플레이 블록과 같은 역할을하는 btn p 요소가 필요했지만 이제는 "다른 div"클래스를 100 % 만들면 주된 부모에게서 나간다. 나는 그 이유를 알 수 없다. 회색 상자 위의 예에서 같이 #outterWrapper { display: inline-bl