flexbox

1열

1답변

반응 네이티브 및 모바일 앱 개발에 익숙하며 내부에 텍스트 및 버튼이있는 앱용 헤더를 만들려고합니다. import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; export default class App extends React.Com

1열

1답변

flexbox 열 콘텐츠에 맞게 늘입니다.

Goodday 동료 개발자 콘텐츠를 위에서 아래로, 왼쪽에서 오른쪽으로 이동할 수있는 컨테이너를 만들고 싶습니다. 상위 컨테이너는 최대 정의 된 값 내에서 적합하도록 늘릴 필요가 있습니다. 나는이 목적을 위해 flexbox를 사용했지만 부모 컨테이너가 늘어나도록 늘리지는 않습니다. 누구든지 폭을 계산하는 자바 스크립트와 내 방식을 해킹하지 않고도 어떤 제안

1열

1답변

인 flexbox 레이아웃, 3 개 항목 1은 두 번째 행에 1 바로 1을 왼쪽

기본적으로 div의와 함께이 작업을 수행 레이아웃을 원하는이를 넣어하는 방법을 확신 아니의 내용이 남아 있습니다 AB C 정당화되고, B의 내용은 오른쪽으로 정당화되고, C의 내용은 왼쪽으로 정당화된다. Flex의 기본 사항을 이해하고 있지만이를 달성하기 위해 내 마음을 사로 잡을 수는 없습니다. 추측 A, B, C는 div 컨테이너이고, 플렉스 랩이 켜져

-4열

1답변

인 flexbox - 나는 두 행에 3 개 항목을 구성하고 싶습니다 두 행

을 3 개 항목 : - 하나 개 (사실 두 개의 열 형태이지만, 분류 그의 ) 항목 첫 번째 행 두 번째 행 - 두 항목 (텍스트 및 버튼). 나의 목표는 두 번째 행 항목이 테이블의 측면에 수직으로 정렬되어 있는지 확인하는 것입니다. 양식 플러그인을 사용하고 있기 때문에 div가있는 작업을해야하므로 제한적입니다.

0열

1답변

"flex : 0 0 33 %"에서 "0 0"은 무엇을 의미합니까?

나는 현재 플렉스에 대한 학습 및 부트 스트랩 4의 열 클래스에서이 줄을 보았다 해요 : .col-md-4 { flex: 0 0 33.3333%; } 을 무엇입니까 두 0 0에 해당하는 속성? MDN에서

0열

1답변

인 flexbox 레이아웃 - 나는 다음과 같은 holygrail 같은 레이아웃을 만들고 싶어 JS

없이 열을 공유 : 다음 작은 화면에서 다음으로 켜집니다 JS 해킹이 없으면 CSS 방법이 있습니까?

0열

1답변

CSS의 플렉스 너비는 텍스트 줄을 기준으로합니다.

CSS로 가능하고 그 방향으로 아무 것도 찾을 수 없으면 잘 모르겠지만 이동 거리를 알려 드리겠습니다 : ) - 컨테이너 여러 개의 (2-3) 상자/텍스트 열이 필요합니다. 각 열은 자체 제목이며 자체 제목이므로 다음 열로 계속 이어지는 텍스트가 아닙니다. 그러나이 열의 너비를 유연하게 지정하여 끝까지 빈 열을 낭비하지 않도록하십시오. 열에 빈 줄이 있으면

0열

1답변

vuejs 응용 프로그램의 고정 푸터

내 vuejs 응용 프로그램에서 끈적 인 바닥 글 작업을하는 데 어려움을 겪고 있습니다. vuejs와 같은 다른 프레임 워크는 루트 요소가 템플릿에 있어야합니다. 하지만 Flex를 사용하여 끈적 인 바닥 글을 추가하는 것은 어렵습니다. 루트 요소가없는 : <div class="content"> <h1>Sticky Footer with Flexbox

0열

1답변

두 스타일의 div가 서로 옆에 있음 [flexbox/responsive]

나는 내 포트폴리오 웹 사이트에서 작업 중이며 문제가 있습니다. 나는 텍스트와 이미지로 서로 옆에 서있는 두 div를 만들려고합니다. 이것은 쉽지만 flexbox를 사용하면 반응이 좋지 않습니다. 코드 (나는 바로 그것을 얻을하지 않기 때문에, 인 flexbox없이) 내가 이것을 사용 This is what I try to achieve with flexb

-1열

2답변

플렉스 파생 속성에 대한 모든 대체 수단을 포함시켜야합니까?

나는 일반적으로 간단한 방식으로 내 flex 속성을 선언 .flex-item { display: flex;. justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } 이의 폴백의 모든은 다음과 같습니다 .flex-item { disp