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

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

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

액세스 센터 서버 오류

mysql 설치를 클릭했는데 접속센터 서버 오류가 발생하고, 어떤 웹사이트에 접속해야 합니까?

2020-06-19 10:46:26 0  0  1191

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

v-img에 오버레이를 추가하고 마우스를 올리면 가운데 버튼을 추가합니다.

일부 v-img 썸네일의 효과를 얻기 위해 Vuetify 구성 요소를 사용하려고 하지만 성공하지 못했습니다. 내 이미지 설정은 다음과 같습니다:<v-rowclass="fill-heightpa-5"align-content="center"justify="center"><v-colclass="text-subtitle-1text-center&

P粉754473468 2023-08-28 17:13:34 0  1  531

div의 가로 가운데 위치 지정 구현

화면 중앙에 div를 배치하고 싶습니다. 문제는 div가 작을 때는 왼쪽에서 45%가 괜찮아 보이지만 div가 길면(즉 너비가 더 넓은 경우) 왼쪽에서 30%로 변경해야 한다는 것입니다. 크기에 따라 div를 중앙에 배치하는 현명한 방법이 있습니까? 본문{배경:파란색;}.box{위치:절대;위쪽:10px;왼쪽:30%;배경:흰색;패딩:10px;b

P粉573809727 2023-09-05 13:03:23 0  2  501

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

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

탐색 표시줄 중앙 정렬

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

R Markdown에서 슬라이드 제목을 중앙에 배치하는 방법은 무엇입니까?

두 섹션 사이에 빈 슬라이드를 추가하고 그 중앙에 기본 제목 형식으로 짧은 제목(단일 #)을 추가하고 싶습니다. 가능합니까?

P粉154228483 2023-09-15 18:22:53 0  1  531

요소의 수평 중심 정렬 달성

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

하나의 div에 세 개의 div(왼쪽/가운데/오른쪽)를 정렬하는 방법은 무엇입니까?

다음과 같이 컨테이너 div 내부에 3개의 div를 정렬하고 싶습니다. [[LEFT][CENTER][RIGHT]] 컨테이너 div의 너비는 100%(너비는 설정되지 않음)이며, 컨테이너 크기를 조정한 후 가운데 div 중간 위치를 유지해야 합니다. 그래서 저는 다음과 같이 설정했습니다: #container{width:100%;}#left{float:left;width:100px;}#right{float:right;width:100px;}#center{mar

P粉092778585 2023-08-21 15:09:18 0  2  442

Bootstrap 열의 콘텐츠를 중앙에 배치하는 방법은 무엇입니까?

열의 내용을 중앙에 맞추려고 합니다. 나에게는 효과가 없는 것 같습니다. 이것은 내 HTML입니다. <div 클래스 = "행"> <divClass = "Col-XS-BLOCK"> <span> EEEEEEEEEEctctctctctctctctct besticsest at at it whoesttest youresttesttest your before before Iireestireselfselfselfselfselfselfselfselfselfselfself

P粉970736384 2024-01-16 11:15:03 0  2  575

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

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

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

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

이 카드를 어떻게 가운데 정렬하나요?

swiperjs로 만든 카드에 문제가 있습니다. 모바일 화면 중앙에 카드를 맞추려고 하는데 그럴 수 없습니다. 이 문제를 해결하도록 도와주세요. varswiper=newSwiper(".slide-content",{slidesPerView:3,spaceBetween:30,loop:true,centerSlide:'true',fade:'true',grabCursor:'true',paginat

P粉851401475 2024-03-31 11:48:07 0  1  666

CSS + HTML을 사용하여 텍스트를 가운데에 맞출 수 없습니다.

CSS와 HTML을 사용하여 텍스트를 중앙에 맞추려고 합니다. 저는 웹 개발이 처음이라 이제 막 시작했습니다. 기본 과정(첫 번째 페이지 만들기)을 시청했고 지금은 내 프로젝트(다른 페이지) 작업 중입니다. *{padding:0;margin:0;box-sizing:border-box;}html{/*font- size:10px;*/font-size:62.5%}body{font-family:"Rubik",sans

P粉662802882 2024-03-31 15:57:04 0  1  526

ul 목록을 사용하여 페이지 탐색을 중앙에 맞추는 방법은 무엇입니까?

ul 목록의 탐색을 페이지의 가로 및 세로 중앙에 배치하는 방법은 무엇입니까? 다음은 HTML 및 CSS 코드입니다.nav{width:100%;height:100%;position:fixed;ground-color:white;overflow:hidden;}.menua{padding:30px;color:black;text-align :중심 ;왼쪽:0;여백:0자동;플렉스:없음;di

P粉052686710 2023-08-13 11:06:53 0  1  546

휴대폰에서는 개인센터에 로그인할 수 없습니다

모바일 웹페이지에서 개인센터 로그인이 안됩니다. 휴대폰카드는 모바일인데 차이나유니콤, 텔레콤 이외의 휴대폰번호는 사용이 불가능하다고 나와있습니다. 문제는 공식 담당자가 이를 해결할 수 있는지 모르겠습니다.

做自己的小太阳 2021-07-16 22:00:43 0  2  1818

스위치 옆에 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까?

"switch"를 사용하여 "toggle-label" 클래스 중앙에 수직으로 텍스트를 만들고 싶지만 실패한 코드는 제가 사용한 코드입니다.toggle-label{font-weight:bold;font-size:20px;}.switch { position:relative;display:inline-block;width:54px;height:28px;}.switchinput{opacity:0;width:0;

P粉354948724 2023-09-15 11:58:54 0  1  573

여러 장의 사진이 자동으로 감싸진 후 사진이 중앙에 표시됩니다.

여러 장의 사진이 가로로 나란히 표시됩니다. 자동 줄 바꿈 후 사진의 위쪽 행과 아래쪽 행이 중앙에 표시될 수 있나요?

❥奈我何❥ 2019-03-07 11:37:05 0  5  1597