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

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

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

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

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

div 블록 내에서 텍스트를 가로 및 세로 가운데에 배치하는 방법은 무엇입니까?

adivsettodisplay:block(90pxheightandwidth)이 있고 내부에 텍스트가 가운데에 있고 가로로 정렬되어야 합니다. text-align:center를 시도했지만 수직 중앙 정렬 부분을 수행하지 않아서 수직 정렬:가운데를 시도했지만 두 개는 수행하지 못했습니다.

P粉969253139 2023-08-24 16:58:26 0  2  591

요소의 수평 중심 정렬 달성

CSS를 사용하여 &lt;div&gt;를 다른 &lt;div&gt; 중앙에 배치하는 방법은 무엇입니까? &lt;divid="outer"&gt;&lt;divid="inner"&gt;푸푸&lt;/div&gt;&lt;/div&gt;

P粉268284930 2023-08-21 10:25:54 0  2  552

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

탐색 표시줄 중앙 정렬

안녕하세요. 페이지 상단 중앙에 네비게이션 바를 설정하려고 합니다. 항목을 중앙에 정렬하여 텍스트 정렬을 시도했지만 지금까지는 운이 없었습니다. 페이지 중앙에 이 탐색 메뉴를 정렬하는 방법을 아는 사람이 있습니까? /*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  464

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까?

한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽으로 정렬하기 때문에 가로로 쌓이지만 세로로 쌓기를 원합니다. 내 현재 코드: .topicheader{padding:2%2%;float:leftdisplay:block;Background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26 0  2  889

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

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

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

수직으로 회전된 표 제목, 중앙 + 하단 정렬, 브라우저 간

Chrome에서는 예상대로 보이지만 Firefox에서는 그렇지 않은 회전된 헤더가 있는 테이블이 있습니다. Chromev108(수직 하단, 수평 중간) ✅Firefoxv107(수직 중간, 수평 오른쪽) ❌ 수직으로 회전하고, 수직으로 셀 하단에 있고, 수평으로 중앙에 배치되고, 최소 너비를 차지하도록 브라우저에서 작동하도록 만드는 방법 ? 내가 사용하는 코드는 Chrome에서 작동하도록 이 답변에서 약간 수정되었습니다. table{border-collapse:collapse;font-fami

P粉036800074 2024-04-04 16:45:25 0  1  536

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

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

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