또 다른 '콘텐츠를 센터 할 수 없습니다'라는 주제

-2

처음으로 StackOverflow를 사용하여 초보자 실수를해서 죄송합니다.또 다른 '콘텐츠를 센터 할 수 없습니다'라는 주제

여기 Codepen에 내 코드입니다 : '. 기능'나는 내 인생라는 웹 사이트의 하단 중앙 수 없습니다 http://codepen.io/ayliffe1987/pen/GjAEAz

사이트의 다른 중심 콘텐츠와 동일한 컨테이너/래퍼 div에 있지만 센터는 없습니다.

.wrapper {width: 80%;margin: 0 auto;padding: 10px;}

아이디어가 있으십니까? 래퍼가 축소 되었습니까?

고마워

편집 : 또한 시도 텍스트 정렬 : 여러 곳의 센터, 아무 소용이

출처

2016-09-22 Tom Ayliffe

300 픽셀이 충분하지 귀하의 .wrapper의 사업부를 채우기 위해 당신이 갖고 있기 때문에 플로트는 왼쪽으로 이동 기능을 떠났다. 따라서 각 지형지 물의 너비를 33.33 %로 변경하고 오른쪽 또는 10px 여백을 제거하십시오 (대신 0px 여백 10px 사용). –

완벽. 감사합니다 @ DincaAdrian –

안녕하세요. Tom에 오신 것을 환영합니다. 나중에 참조 할 때 : 디버깅 도움말을 찾는 질문 ("이 코드가 작동하지 않는 이유는 무엇입니까?")에는 원하는 동작, 특정 문제 또는 오류 및 문제 자체 **를 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다. 분명한 문제 성명이없는 질문은 다른 독자에게 유용하지 않습니다. 참조 : [MCVE]를 만드는 방법 – Pete

는 text-align:Center

.features ul { 
    margin: 80px 0; 
    text-align: center; 
}

이 float 속성을 제거 추가 & 추가 display:inline-block;

.features ul li{ 
    display: inline-block; 
    /*float: left;*/ 
    margin-right: 10px; 
    padding-top: 140px; 
    text-align: center; 
    width: 300px; 
}

출처

2016-09-22 11:49:57

도움을 주셔서 감사합니다! 이것과 위의 폭을 사용한 대체 솔루션 : 33.3 %가 작동합니다. 다시 한 번 감사드립니다. –

.wrapper에 추가 - text-align : center;

.wrapper { 
    width: 80%; 
    margin: 0 auto; 
    padding: 10px; 
    text-align: center 
}

.features ul - display : inline-block;

.features ul { 
    margin: 80px 0; 
    display: inline-block; 
}

http://codepen.io/g1un/pen/ampwqq

출처

2016-09-22 11:54:46 g1un

또 다른 '콘텐츠를 센터 할 수 없습니다'라는 주제

답변

관련 문제