2013-06-06 3 views
1

내가 링크를 가지고 스팬 요소CSS의 자동 높이

<a href="#" style="display:inline-block;font-size:900%">12</a> 
<span display="block">ACTIVE</span> 

아래 문제는 그 높이가 변경되지 않는 'A'요소에 정확한 높이를 포기하지 않는 경우이다 중복됩니다. 내 반응 형 규칙에서 글꼴 크기 만 변경하면됩니까?

+0

실제 코드에는 올바른 스타일 태그가 붙어 있습니까? 앵커가 누락되었습니다'display'와 span 태그 당신은 디스플레이 속성을 사용하신 것 같습니다 – Pete

답변

2

inline-block은 자체 속성이 아닙니다. 그것은이어야합니다 display:inline-block;

일치하는 line-height: 100%; 속성을 추가하려고 했습니까?

+1

line-height : 100 %를 추가했습니다; 고마워. – Petran

+0

물론, 하하 물론 100 %. 다행히 도와 줬어 :) –

+1

그것이 작동하는 경우 그의 대답을 수락하십시오 :) – user2029015

0

a,span{height: npx} CSS의 a와 span 모두에 높이를 적용하면됩니다.

0

귀하의 질문에 완전히 동의하지 않습니다. 하지만 높이 대신에 최소 높이 또는 최대 높이를 사용하려고해야한다고 생각합니다.

0

a와 a에서 span의 조합을 사용할 수 있습니다.

a {font-size:9em;} 
span {font-size:normal;}