javascript - CSS3 플렉스 센터링 문제

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

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

CSS - 입력과 텍스트 상단 및 하단 중심 사이의 간격

사용 환경: debian8 + firefox-45.8 참조: {code...} 여기에는 두 가지 질문이 있습니다: 1. 제출 시 텍스트는 위쪽 및 아래쪽 중앙에 위치할 수 없습니다. Vertical-align:middle이 설정되어 있으며 "Search"라는 텍스트는 위쪽 및 아래쪽 중앙에 위치할 수 없습니다. 2. 두 입력 사이의 간격에 문제가 있습니다.

漂亮男人 2017-06-20 10:06:57 0  1  1560

CSS - Android 브라우저 상단 및 하단 중앙 정렬 문제

btn을 작성할 때 WeChat Android 브라우저에서 상단 및 하단 중앙 정렬이 실패합니다. 패딩 상단 및 하단 패딩 설정은 분명히 동일하지만 줄 높이를 사용할 때 텍스트도 위쪽으로 표시됩니다. 이 상황에서 바닥은 어떻습니까?

PHPz 2017-05-24 11:36:45 0  1  1424

높이가 100vh인 배경 이미지의 중앙에 div를 배치합니다.

저는 상단에 고정 위치 네비게이션 바가 있는 강좌를 진행하고 있습니다. 배경의 높이는 100vh로 설정되고 텍스트 내용이 있는 div는 배경 중앙에 있습니다. Flexbox를 사용하면 거의 중앙에 배치되지만 실제로 배경 중앙에 배치하려면 해당 div의 높이를 높이의 100%로 설정해야 합니다. Flexbox와 뷰포트 높이에 대해 알고 있지만 다이빙의 중심을 정하기 위해 div의 높이를 100%로 설정해야 하는 이유가 무엇인지 혼란스럽습니다. 제가 요구하는 것을 복제하기 위해 여기에 배경으로 어떤 이미지든 넣을 수 있다고 생각합니다....

P粉006847750 2024-02-17 12:39:44 0  1  376

Flexbox를 사용하여 요소를 왼쪽과 가운데 정렬

저는 Flexbox를 사용하여 하위 요소를 정렬하고 있습니다. 내가 원하는 것은 한 요소를 중앙에 배치하고 다른 요소를 왼쪽에 정렬하는 것입니다. 일반적으로 왼쪽 요소를 설정하려면 margin-right:auto를 사용합니다. 문제는 중앙 요소를 중앙에서 멀리 밀어내는 것입니다. 절대 위치 지정을 사용하지 않고도 이것이 가능합니까? HTML 및 CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  562

그리드 셀 내용을 가운데 정렬

그리드 항목 내부의 콘텐츠를 수직이 아닌 수평 중앙에 정렬하고 싶습니다. JSfiddle에서 보기: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}. {디스플레이:f

P粉060528326 2023-09-15 10:34:15 0  1  641

div가 중앙에 있지 않은 이유는 무엇입니까?

마우스를 가져갈 때에도 이 요소를 화면 중앙에 맞추려고 합니다. 아래 예에서 div는 중앙에 위치하지 않습니다. 심지어 마우스를 올려도 50% 변환과 상단/왼쪽 변환이 있다는 것을 알고 있으므로 일반적으로 요소를 중앙에 배치하는 데 사용합니다. *{box-sizing:border-box;}body{position:relative}.zoom{padding:50px; background-color:green;transition:trans

P粉805922437 2024-02-04 08:28:03 0  2  382

높이와 줄 높이의 차이인 센터링은 각각 어떤 속성을 정의합니다.

<h3 style="text-align: center; background: pink;height: 50px;line-height: 50px;">居中</h3></body>

刘春阳 2018-10-30 23:02:11 0  2  1406

하위 div의 왼쪽 여백이 음수이므로 상위 div를 가운데에 맞출 수 없습니다.

다음 div를 만들었지만 음수 왼쪽 여백을 사용하여 아이콘을 오프셋하기 때문에 전체 div를 중앙에 배치할 수 없습니다. 데스크톱에서는 전체 div가 왼쪽으로 조금 이동한 것을 쉽게 알 수 없지만 모바일에서는 원형 아이콘의 왼쪽이 잘려 있기 때문에 무시할 수 있습니다. 전체 div를 중앙에 어떻게 배치할 수 있나요? .icon-text-box{테두리:1pxsolidred;}.icon-box{배경:#fff;border-radius:33px;margin:6remauto

P粉677573079 2024-01-29 15:04:54 0  1  487

줄 바꿈 없이 텍스트를 가운데 정렬

제목을 중앙에 배치하려고 했기 때문에 white-space:nowrap; 을 사용하여 한 줄로 표시되지 않았지만 이제는 중앙에 표시되지 않습니다. 제목에 대한 CSS 코드가 있고 보기에도 좋습니다. 유일한 문제는 중앙에 위치하는 대신 중앙에서 시작하여 오른쪽으로 끝까지 이동한다는 것입니다. 예를 들어 "탐험가를 만나다"가 아니라 "탐험가를 만나다"입니다. 내 코드 조각은 다음과 같습니다. .section-title{font-size:4rem;font-weight:300;color:b

P粉141455512 2024-03-19 18:16:10 0  1  437

echarts 막대 차트가 중앙에 배치되었습니다.

1. 막대 차트를 작성했는데 가운데 열이 중앙에 위치할 수 없습니다. 자세한 내용은 홈페이지 http://echarts.baidu.com/demo... 에 나와 있습니다. 2. barGap, barCategoryGap을 모두 시도해 보았는데, 글이 틀릴 수도 있습니다. 해결책이 있기를 바랍니다. 3. 감사합니다, 위대한 신들

ringa_lee 2017-06-26 10:55:49 0  1  1364

CSS - 한 줄 및 여러 줄 텍스트를 가운데에 배치하는 방법

그림과 같이 텍스트가 한 줄만 있으면 텍스트가 세로로 가운데에 맞춰집니다. 두 줄의 텍스트가 있으면 텍스트도 세로로 가운데에 맞춰집니다. 추신: flex를 사용할 필요가 없습니다.

过去多啦不再A梦 2017-05-16 13:26:34 0  8  1766