2012-09-28 6 views
3

나는 처음으로 Tumblr 테마를 튜토리얼을 사용하여 만들고 있는데, 나는 이것에서 완전히 초보자이다.플로팅 : 센터가 작동하지 않습니까?

.metadata a { 
display: inline-block; 
float: center; 
margin-left: 2%; 
} 

나는 게시물이 중심을하기를 원하지만 일이 플로트 것을 유일한 것들 : 왼쪽 플로트 : 오른쪽

어떻게해야합니까? 내가 말했듯이 나는 완전히 초보자이고 나는 영어 원어민이 아니기 때문에 명확하게 설명해주십시오.

+6

'float : center'와 같은 것은 없습니다. 튜토리얼에 있다고 말하면, 그것이 잘못되었습니다. – BoltClock

+0

또한 "게시물"을 가운데에 놓으려는 경우 다른 태그를 사용해야합니다. 이 CSS에서는 잘못된 속성 할당을 사용하고있을뿐만 아니라'.metadata' 클래스의 태그 (또는 링크)에만 ''태그를 연결합니다. – Scrimothy

답변

6

왼쪽 또는 오른쪽으로 만 부각시킬 수 있으므로 여기서는 부양을 할 수 없습니다.

a 태그의 부모 요소에 text-align: center을 추가하십시오. 그러면 텍스트뿐만 아니라 다른 인라인 및 인라인 블록 요소도 사용자 중심으로 배치됩니다.

가운데 요소를 지정하는 또 다른 방법은 그들에게 display: block; margin 0 auto을주는 것입니다. '자동'왼쪽 및 오른쪽 여백은 요소를 가운데 맞춤으로 만듭니다. 요소를 가운데 맞추는 것은 일반적인 트릭이지만 블록 요소 (또는 display: block이있는 요소)에서만 작동합니다. 이는 너비를 지정해야한다는 것을 의미합니다. 그렇지 않으면 블록 요소가 상위 너비의 100 %를 소비하므로 너비를 지정해야합니다.

귀하의 경우에는 명시 적 너비가 옵션이 아니므로 텍스트 정렬이 가장 좋은 옵션이 될 것입니다.

0

"float"를 사용하여 텍스트의 방향을 제어하는 ​​대신 "text-align"을 사용하여 태그의 부모에게 적용하는 것이 좋습니다. "text-align : center;" 부모 내의 모든 인라인 요소 (예 : a)에 적용됩니다. text-alignfloat 설명서/자습서를 참조하십시오.

1

죄송합니다. float: center;은 없습니다. 블록 레벨 요소를 가운데에 맞추려면 margin: 0 auto;을 사용하고 인라인에는 text-align: center;을 사용하십시오.

관련 문제