javascript - CSS3 플렉스 센터링 문제

justify-content:center를 설정하여 요소를 중앙에 배치할 수 있지만 position:fixed;를 추가한 후 요소를 중앙에 배치할 수 없는 이유는 무엇입니까? 고정을 사용한 후에는 플렉스 레이아웃이 적용되지 않나요? {암호...}

阿神 2017-06-12 09:20:46 0  1  561

CSS - Flex 레이아웃 문제

헤더는 플렉스 레이아웃을 사용하는데, 검색창을 가로 중앙에 배치하고 싶은데, 네이티브 IOS의 레이아웃과 유사하게 왼쪽과 오른쪽의 내용에 영향을 받지 않게 구현한 것으로 기억합니다. 이전에는 flex.css를 사용하고 나서 잊어버렸습니다. 이를 어떻게 구현하는지 살펴보겠습니다.

曾经蜡笔没有小新 2017-05-19 10:47:50 0  4  1079

하위 요소의 글꼴 크기를 변경하면 Flex 컨테이너가 원래 위치에서 벗어나는 이유는 무엇입니까?

이 문제는 매우 이상합니다. 일반 컨테이너와 Flexbox에서는 다르게 동작합니다. 첫 번째 하위 요소의 글꼴 크기를 변경할 때 컨테이너 높이를 변경하는 이유는 무엇입니까? 유연한 상자의 경우 왜 특정 거리만큼 아래로 또는 위로 이동합니까? 이 문제를 어떻게 해결할 수 있나요? Flexbox가 움직이지 않기를 바랍니다.

P粉186897465 2023-07-23 15:17:08 0  2  640

Flex 컨테이너 내 이미지 사이의 간격을 제거합니다.

[중복] 여기에 답변됨 이미지 아래에 추가 공간이 있는 div 내부의 이미지 여러 행을 따라 다양한 크기의 일부 이미지를 표시하고 있습니다. 여기에는 행 사이에 간격이 있는 예가 있습니다. 많이 노력했지만 이유를 찾을 수 없었습니다. <divclass="muralBox"><divclass="wrapper"><divv-for="(topAlbum,i)intopAlbumInfo.value"

P粉921130067 2024-03-27 12:23:19 0  1  388

CSS3 flex 하위 요소에 테두리를 추가한 후의 문제

상위 요소를 flex로 설정한 후 하위 요소 {flex:0 0 33.3333%}는 동일한 행에서 3개의 동일한 부분으로 나눌 수 있습니다. 그러나 하위 요소에 테두리를 추가하면 2개만 배열할 수 있습니다. Flex는 탄력적으로 확장 및 축소되며 테두리 너비는 계산되지 않습니다.

漂亮男人 2017-05-16 13:27:46 0  2  990

지정된 간격을 사용하여 행의 플렉스 항목 정렬

<div>를 포함하는 두 개의 행이 있고, 각 행에는 display:flex;가 있고, 각 행에는 여러 하위 <div> 항목이 포함되어 있습니다. 아래 예에서는 첫 번째 행에 2개의 항목("item"이라고 표시된 녹색 상자)이 있고 해당 배율이 6/3임을 알 수 있습니다. 두 번째 행에는 4개의 항목이 있고 그 비율은 2/2/2/3입니다. 이제 gap:Xpx;를 추가하지 않는 한 각 행(flex:3; 포함)의 마지막 항목이 완벽하게 정렬되기를 원합니다. 이 GA를 계산에 어떻게 포함시킬 수 있...

P粉354948724 2023-09-17 19:34:16 0  1  640

javascript - js 파일이 먼저 실행되는지 확인하는 방법은 무엇입니까?

유연한 라이브러리를 직접 검색하면 새로고침할 때마다 글꼴 크기가 커지고 그다음에는 유연한 라이브러리가 먼저 실행되도록 할 수 있는 방법이 있나요? 새로 고칠 때 글꼴 크기가 커지지 않고 정상으로 돌아오도록 하시겠습니까?

ringa_lee 2017-05-19 10:40:49 0  2  575

javascript - IE8 이상의 브라우저를 Flex와 호환되게 만드는 방법

이 페이지는 flex 레이아웃을 사용합니다. 이제 나는 flex가 PC, 특히 IE 브라우저에서 호환성이 좋지 않다는 것을 알고 있습니다. 하지만 지금 이를 변경하는 것은 확실히 많은 작업이 될 것입니다. flex 레이아웃이 ie8 이상의 브라우저도 지원하도록 할 수 있는 방법이 있습니까?

仅有的幸福 2017-07-06 10:34:52 0  1  1157

Tailwind CSS의 첫 번째 항목 주위에 두 번째 플렉스 항목을 래핑하는 방법에 대한 가이드

두 개의 플렉스 아이템을 포함하는 플렉스 컨테이너가 있습니다. 첫 번째 플렉스 아이템은 컨테이너의 너비를 결정해야 하고, 두 번째 플렉스 아이템은 컨테이너를 둘러싸야 합니다. 스타일링에 Tailwind CSS를 사용하고 있는데 원하는 레이아웃을 얻을 수 없습니다. 이것은 내 현재 코드입니다. w-2/3을 사용하여 첫 번째 항목의 너비를 설정하려고 합니다.

P粉156983446 2023-08-02 18:31:22 0  1  490

오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.라는 제목이 다음과 같이 다시 작성됩니다. 오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.

Flexbox를 사용하여 유용한 모달을 만들려고 시도하는 동안 브라우저 문제로 보이는 것을 발견하고 알려진 수정 사항이나 해결 방법이 있는지 또는 수정 방법에 대한 아이디어가 있는지 궁금했습니다. 내가 해결하려는 문제에는 두 가지 측면이 있습니다. 첫째, 모달 창을 수직으로 중앙에 배치하면 예상대로 작동합니다. 두 번째는 외부 스크롤을 사용하여 모달 창을 스크롤하도록 만드는 것입니다. 그러면 내부 콘텐츠가 아닌 전체 모달 창이 스크롤됩니다. 이 방법을 사용하면 모달 범위를 넘어 확장할 수 있는 드롭다운 메뉴 및 기타 UI 요소를 가...

P粉854119263 2023-08-22 14:58:06 0  2  523

이미지와 텍스트를 나란히 정렬하는 방법은 무엇입니까? HTML CSS 유연한 상자

이제 텍스트가 이미지 아래에 정렬됩니다. 이미지 옆에 텍스트를 세로로 정렬하고 싶습니다. flex-direction:column 및 justify-content:center를 추가하려고 시도했지만 작동하지 않았습니다. 나는 또한 float를 시도했지만 그것도 작동하지 않았습니다. 텍스트와 이미지를 나란히 정렬하는 방법을 알 수 없습니다. 어떻게 나란히 정렬할 수 있나요? 내 코드에 오류가 있나요? .whoweare{패딩:80px0px50px;배경색:#000000;}.w

P粉350036783 2023-08-26 00:23:03 0  1  695

css3 - 플렉스 레이아웃에서 하위 요소를 정렬하는 방법은 무엇입니까?

그림과 같이 justify-content:space-around;를 사용하는데, 하위 요소의 두 번째 행이 첫 번째 행과 상하로 정렬될 수 있기를 바랍니다. 그것을 해결하기 위해?

淡淡烟草味 2017-07-04 13:45:08 0  4  1787

CSS3 flex에서 높이가 다른 행을 같은 높이로 만드는 방법은 무엇입니까?

높이가 다른 두 개의 li를 동일한 높이로 만들고 싶습니다. ul과 li를 사용하여 상위 요소 ul을 {code...}로 설정하고 하위 요소 li를 {code...}로 설정했습니다. 부모 요소를 넣었습니다. 이것은 align-items가 늘어나도록 설정되었을 때 일어나는 일입니다. . . 같은 행의 높이가 다를 수 있도록 설정하는 방법을 알려주세요...

仅有的幸福 2017-05-16 13:27:44 0  1  5056

파이썬을 개선하는 방법은 무엇입니까?

파이썬 튜토리얼을 보고 체계적으로 공부했는데, 코드가 아직 덜 작성되어 있고, 많은 기능을 유연하게 적용할 수 없는 것 같습니다. 초보자에게 적합한 방법이 있나요?

为情所困 2017-05-18 10:55:16 0  3  689

하위 요소가 오버플로되면 Flexbox가 다르게 동작합니다.

컨테이너가 플렉스이고 item2에 오버플로가 있는 경우 컨테이너는 원하는 크기로 렌더링되고 오버플로 스크롤 막대가 표시됩니다. .Flex_container{width:300px;height:100px;display:flex;flex-direction:column;}.item1{color:white; background-color:black;}.item2{color:white; background-co

P粉787934476 2023-09-11 15:25:10 0  1  482

javascript - js는 구성 파일을 기반으로 디렉토리 구조를 자동으로 생성합니다.

현재 구성 요소 라이브러리를 초기화하는 중이므로 유연성을 높이기 위해 빠른 초기화 디렉터리 구조가 필요합니다. 현재 사용되는 Angle2 디렉터리 구조의 구성 파일은 다음과 같을 수 있습니다. + Grid - col - Grid - row 이런 식으로 우리는 Grid.config.tsgrid.module.tsindex.tsSTATION.mdcol.co...를 생성하려고 합니다.

typecho 2017-06-24 09:43:49 0  3  1714

css - H5 페이지 플렉스 레이아웃은 Huawei와 어떻게 호환됩니까?

저는 최근 모바일 웹페이지 프로젝트를 진행하다가 갑자기 Huawei의 기본 브라우저가 플렉스 레이아웃을 지원하고 호환이 필요하다는 사실을 발견했습니다. 정보를 확인해 보니 한 웹 페이지와 호환되는데 다른 페이지에서는 호환되지 않는 것 같습니다. 어딘가에서 실수를 했을 수도 있지만 별로 불편한 점은 없었습니다. 첨부된 코드...

迷茫 2017-05-16 13:43:07 0  1  994

php - Yii는 전체 사이트 운영에 영향을 받는 포인트 유형과 개수를 어떻게 유연하게 구성합니까?

사용자 게시물, 즐겨찾기, 지지, 반대 등의 작업은 모두 사용자의 포인트 증가 또는 감소를 수반하는데, 포인트를 N가지 유형으로 나누어 이러한 작업과 관련된 포인트 유형과 금액을 균일하게 관리하는 방법입니다. 증가 또는 감소? 예를 들어, 사용자가 처음에 게시하면 금화가 +2(금화는 포인트 유형, +2는 수량)로 변경되고 나중에는...

習慣沉默 2017-06-07 09:23:06 0  1  906

javascript - React 초보자 질문, 다른 페이지에 반응 구성 요소를 유연하게 삽입하는 방법은 무엇입니까?

{코드...} ●배경설명 완료 : 컴포넌트 삽입 실패 ReactDOM.render 코드가 패키지 내에서는 사용 가능하지만, 패키지 외부에서는 사용이 안되는 것이 당연하다고 생각했습니다. (내 모든 구성 요소 이름이 이 패키지의 로컬 변수에 속하는 것으로 의심됩니다.) ●질문은 다음과 같습니다. 위의 방법이 실패하면...

曾经蜡笔没有小新 2017-05-19 10:40:40 0  1  472

javascript - 웹 레이아웃에 대해 질문하시나요?

페이지에 대해 설명하세요. {code...} 한 가지 방법은 음수 여백과 양수 패딩 아래쪽을 사용하는 것이지만 충분히 유연하지 않은 것 같습니다. 좋은 구현 방법이 있습니까? 내 대답은 다음과 같습니다. 순수 CSS는 주로 모바일 단말기에서 사용하기 때문에 호환되어야 합니다...

世界只因有你 2017-05-19 10:10:18 0  3  572