HTML/CSS에 텍스트를 가운데에 맞출 수 없음

Question

"도너", "월렛"및 "금액"이 페이지의 가운데에 표시되지 않는 문제 (아래 그림에서 볼 수 있음)입니다.

여백 및 패딩을 바꾸고 div 등을 움직여 보았지만 아무 것도 작동하지 않는 것으로 보이고 무엇이 잘못되었거나 어떻게 수정해야하는지 이해하지 못합니다. (전체 화면이 아니기 때문에 코드 스 니펫에서보기가 어렵습니다. 따라서 HTML에 대한 링크를 제공 할 것입니다.

Google 크롬에서 요소를 검사 할 때 유일한 문제가 있습니다. <div class="container"> (div class="learn-more"> 아래에있는 마우스) 위에 마우스를 가져 가면 오른쪽에 div 컨테이너가 더 넓게 표시되지만 이유를 찾을 수 없습니다!

도움 주셔서 감사합니다. 명확한 설명이 필요하면 온라인으로 문제를 해결할 수있는 것을 찾지 못했습니다.

Answer 1

코드에 근본적인 문제가 마크 업이다와 세 개의 동일한 witdh와 높이를 설정할 수 있습니다. 부트 스트랩 &을 사용하고 있습니다. 일부 div를 컨테이너 &에 직접 넣은 다음이 div의 다른 컨테이너에 넣으십시오. 무슨 뜻인지 참조 : 여기

당신의 HTML을 구축 할 때 수행해야 할 3 부트 스트랩 문서에서 처음 세 개의 규칙입니다 :

• 행이 .container (고정 폭) 내에 배치해야하거나 . 적절한 정렬 및 패딩을위한 용기 - 유체 (전폭).
• 행을 사용하여 가로 열 그룹을 만듭니다.
• 콘텐츠는 열 내에 배치해야하며 열만 개의 행을 포함 할 수 있습니다.

제 제안은 HTML 레이아웃을 수정하고 해킹을 적용하는 대신 의도 한대로 부트 스트랩을 사용하는 것입니다.

내용을 열 안에 넣고 모든 래퍼를 컨테이너 외부 또는 열 내부에 배치하는 방식으로 컨테이너를 다시 정렬해야합니다.

Answer 2

당신이 당신의 CSS에서

<div class="box">your content...</div> 

같은 사업부에 중심을 원하는 콘텐츠를 넣어 : 여기

내가뿐만 아니라 무엇을 의미하는지의 사진입니다 파일에 다음을 추가하십시오.

당신은 또한 당신의 3 개 타이틀에 대한 float left를 사용하여 텍스트 중심을 속성