简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
CSS - Flex 레이아웃 문제
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-19 10:47:50
0
4
978


헤더는 플렉스 레이아웃을 사용합니다. 기본 IOS의 레이아웃과 유사하게 검색 상자를 가로 중앙에 배치하고 싶습니다.

왼쪽과 오른쪽 내용의 영향을 받지 않고 여전히 가로 중앙에 있습니다.

이전에 구현한 기억이 있는데 flex.css를 사용할 때 잊어버렸습니다. 이것을 사용하여 구현하는 방법을 확인하세요.

曾经蜡笔没有小新
曾经蜡笔没有小新

모든 응답 (4)
仅有的幸福
仅有的幸福2017-05-19 10:49:50 4층

으아악

Flex 레이아웃에 대해 자세히 알아보려면 http://www.ruanyifeng.com/blo...

를 참조하세요.
좋다+0
답글 추가
    阿神
    阿神2017-05-19 10:49:50 3층

    간격을 사용하여 세 가지 요소만 직접 퍼뜨릴 수 있습니다

    https://jsfiddle.net/straybug...

    나중에 업데이트한 내용

    은 왼쪽과 오른쪽 내용의 영향을 받지 않으며 여전히 가로 중앙에 위치합니다.

    영향을 받지 않기 때문에 절대값을 추출한 후 중앙에 위치시키는 방법밖에 없습니다.

    https://jsfiddle.net/straybug...

    좋다+0
    답글 추가
      伊谢尔伦
      伊谢尔伦2017-05-19 10:49:50 2층

      주로 사용하는align-items: center
      데모입니다

      좋다+0
      답글 추가
        我想大声告诉你
        我想大声告诉你2017-05-19 10:49:50 1층

        가운데 위치에 절대 위치 지정을 사용하세요. 왼쪽과 오른쪽 너비가 다르면 중간 위치에 영향을 미칩니다. 으아악

        좋다+0
        답글 추가
          인기 주제
          더>
          인기 기사
          인기 튜토리얼
          더>
          관련 튜토리얼
          인기 추천
          최신 강좌
          최신 다운로드
          더>
          웹 효과
          웹사이트 소스 코드
          웹사이트 자료
          프론트엔드 템플릿
          회사 소개 부인 성명 Sitemap
          PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！