두 이미지의 하단이 서로 일직선이 되도록 두 개의 수평 카드를 함께 정렬해 보세요.

이미지의 카드가 옆에 있는 카드와 정확히 일치하지 않습니다. 이미지의 아래쪽이 서로 일직선이 되도록 두 개의 수평 카드를 정렬하려고 했습니다. 이것은 내 현재 HTML 코드입니다: <divclass="container"><divclass="row"><divclass="col"><divclass="cardw-100d-flexflex-co

P粉393030917 2023-09-11 15:00:03 0  1  606

탐색 표시줄 중앙 정렬

안녕하세요. 페이지 상단 중앙에 네비게이션 바를 설정하려고 합니다. 항목을 중앙에 정렬하여 텍스트 정렬을 시도했지만 지금까지는 운이 없었습니다. 페이지 중앙에 이 탐색 메뉴를 정렬하는 방법을 아는 사람이 있습니까? /*Clearfix*/.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;

P粉451614834 2024-04-02 09:56:33 0  2  407

양식을 아래쪽으로 정렬하는 방법

양식을 아래쪽으로 정렬하는 방법

冬冬 2020-02-25 22:29:40 0  1  1318

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  566

셀에 나타나는 의사 "가운데" 정렬을 사용하여 표에 있는 숫자의 소수점을 정렬합니다.

나는 소수점 앞뒤의 길이가 다르고 소수점이 모두 정렬된 십진수 열이 있는 테이블을 원합니다. 열 너비는 데이터 셀의 매우 긴 숫자나 열과 관련된 매우 긴 헤더를 수용할 수 있도록 필요에 따라 확장되는 "유동적" 크기여야 합니다. 정수(소수점 없음)가 포함된 셀에는 소수 문자가 있는 것처럼 숫자가 동일한 위치에 정렬되어 숫자가 계속 표시되어야 합니다. (예를 들어 숫자 512는 "512" 대신 "512"만 포함하는 셀과 올바르게 정렬되어야 합니다.) 글꼴은 중요하지 않아야 합니다....

P粉373990857 2023-10-24 13:01:47 0  1  777

NETFLIX, 선택 태그, 로그인 버튼을 한 행에 정렬하는 데 도움이 필요합니다.

디스플레이를 시도했습니다: flex; justify-content:spacing, justify-item:center; 또한 변경을 시도했습니다. 너비, 높이, 디스플레이 모두, 인라인 블록이지만 'tFigureout.Clone@NETFLIXNETFLIXEnglishHindiArabicEspaniolSignin *{margin:0;padding:0;box-sizing: b

P粉769045426 2023-08-02 16:46:59 0  1  455

메모장에서 열 정렬(절단 정렬)을 수행하는 방법+++

INSERT INTO (c1,c2,c3,c4,c5,c6) tableselect a,b,c,d,e,f from table INSERT INTO (c1,c2,c3,c4,c5,c6select a,b, c, d , e, f 테이블에서 쉼표로 자동 정렬

梦迪 2019-09-25 13:31:49 0  0  2943

로고를 탐색 표시줄에 맞출 수 없습니다

저는 YouTube 튜토리얼을 따라가며 똑같은 코드를 작성했지만 *{margin:0;padding:0;box-sizing:border-box;}처럼 내 로고가 탐색에 맞춰 정렬되도록 할 수 없습니다. navbar{ 디스플레이:flex;align-items:center;padding:20px;}nav{flex:1;text-align:right;}navul{display:inline-bloc

P粉921130067 2024-04-02 11:13:17 0  1  452

javascript - CSS 문제, div 하단에 컨테이너를 정렬하는 방법

그림과 같이 3개의 div가 있습니다. 1에서 하단에 정렬되도록 2와 3을 설정하는 방법은 3이 숨겨져 있으면 2가 아래로 떨어져서 하단에 정렬됩니다.

大家讲道理 2017-05-19 10:27:21 0  6  771

MUI: Flexbox의 이미지 중심 정렬 및 조정

이미지가 중앙에 있는데 정렬되지 않은 이유는 무엇입니까? 혼란스러워요..<Boxsx={{display:'flex',minHeight:'100vh',alignItems:'center',flexGrow:1,}}><ContainermaxWidth="sm"><imgsrc="https:/ /static.vecteezy.com/system/r

P粉550323338 2023-09-08 18:20:02 0  2  529

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

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

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

부트스트랩 navbar 텍스트를 이미지와 정렬하는 방법은 무엇입니까?

저는 부트스트랩 navbar를 사용하고 있고 navbar 브랜딩에 이미지를 삽입했지만 크기로 인해 정렬이 엉망이 되었습니다. 함께 있는 텍스트를 중앙에 정렬하고 싶지만 다른 버튼 텍스트도 중앙에 정렬하는 방법을 모르겠습니다. 출력은 다음과 같습니다.<aclass="navbar-brand"id="home"href="/"><imgsrc="https://cdn.disco

P粉221046425 2024-03-28 14:13:44 0  2  391

그리드 요소를 오른쪽 정렬하는 방법

CSSGrid 레이아웃에는 고정된 수의 열과 이 열에 배치하려는 요소가 있습니다. 배치할 요소의 개수가 열의 개수보다 적습니다. 요소가 추가된 순서대로 열을 오른쪽으로 정렬하고 싶습니다. 다음 코드에는 왼쪽에 정렬된 4개의 요소가 있고 오른쪽에는 6개의 빈 요소가 있습니다. .hello{border-style:solid;border-color:blue;}.container{display:grid;grid-gap: 5px; 그리드 템플릿 열

P粉296080076 2023-08-13 11:27:01 0  1  603

CSS - 버튼 정렬이 잘못되었습니다.

내가 무엇을 하든(지금은 몇 시간) <divclass="kafelek">을 서로 옆에 정렬할 수 없습니다. 현재 코드는 다음과 같습니다. align :center;align-content:center;padding:20px;font-family:'OpenSans';font-size:24p

P粉794851975 2024-02-17 18:30:51 0  1  365

Vim 코드를 작성할 때 주석을 빠르게 정렬하는 방법은 무엇입니까?

예: {code...}는 다음과 같이 정렬되어야 합니다. {code...} 한 단계로 수행할 수 있는 단축키가 있나요?

伊谢尔伦 2017-05-16 16:42:31 0  1  760

그리드 템플릿 열이 행의 항목을 정렬하지 않습니다.

저는 HTML과 CSS를 처음 접하고 그리드 템플릿 열을 사용하여 탐색 모음을 만들려고 합니다. 내 생각은 탐색 모음을 로고 부분, 웹 사이트 홈페이지 부분, 소셜 링크 부분의 세 부분으로 나누는 것입니다. 문제는 divnavBar 내부의 요소가 연속적으로 정렬되지 않은 반면, menuItemsdiv 내부의 div와 Socialsdiv 내부의 요소는 올바르게 정렬되었으나 그 사이에 공간이 너무 많다는 것입니다. 뭔가 빠졌나요? html{배경:#FFFFFF;}본문{배경

P粉696605833 2024-04-03 16:58:18 0  1  473

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

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

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

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

그리드 항목 내부의 콘텐츠를 수직이 아닌 수평 중앙에 정렬하고 싶습니다. 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  643

공간 균등 및 :after로 요소를 정렬하기 위해 충분한 공간을 확보하는 방법은 무엇입니까?

나는 의사 요소 :after를 사용하여 왼쪽에 있는 차단 목록의 마지막 행을 정렬합니다. 나는 이러한 블록을 정당화하기 위해 공간을 균등하게 사용합니다. 내 문제는 :after가 공간을 차지하기 때문에 마지막 줄의 블록이 사용자와 정렬되지 않는다는 것입니다. 이 문제를 어떻게 해결할 수 있나요? .exposegrid{width:500px;display:flex;flex-flow:rowwrap;justify-content:space-evenly;&:after{content:&

P粉129168206 2023-09-12 20:16:59 0  2  555

컨테이너 요소 위에 인라인 블록 DIV를 정렬합니다.

두 개의 인라인 블록 div의 높이가 다른 경우 더 짧은 div가 컨테이너 상단에 정렬되지 않는 이유는 무엇입니까? (데모): .container{border:1pxblacksolid;width:320px;height:120px;}.small{display:inline-block;width:40%;height:30%;border:1pxblacksolid; background:aliceblue

P粉982881583 2023-08-21 20:38:56 0  2  519