스팬

2012-04-12 8 views
0
이 스팬있다

같은 높이를 가지고있다. A의 높이가 40px이면 B의 높이를 같게하고 싶습니다. 자동 확장 높이, 즉 그게 어떻게 가능해?스팬

+0

가 어떻게 높이가 ATM 설정하는? 콘텐츠를 기반으로할까요? – Dave

+0

콘텐츠를 기반으로 함 예 –

+0

스팬 B를 스팬 A에 넣으면 도움이 될까요? –

답변

1
<div> 
    <span style="height: 100%; width: 25%; float:left;">A</span><span style="height: 100%; width: 75%; float:left;">B</span> 
</div> 

이것은 내가 당신이 contanier div으로 범위를 sorround 두 스팬이 같은 높이를 보장하기 위해 One True Layout trick of Equal Height Columns를 사용한다고 생각 트릭

+0

그래도 높이는 열 A 또는 B로 정의되지만 고정 될 수는 없습니다. –

+0

내용 A가 너무 길면 2 줄이 필요하므로 높이를 늘리십시오. –

1

을 수행해야합니다.

또한 에 word-wrap: break-word; 속성을 사용해야합니다.

이 jsfiddle에서 볼하는 것이 좋습니다 : http://jsfiddle.net/y7TDQ/1/