CSS 사용하기 부유 이미지가 특정 너비보다 높을 때 텍스트를 어떻게 내릴 수 있습니까?

이미지가 왼쪽으로 떠있는 텍스트 블록이 있습니다. 이미지의 너비는 다양 할 수 있습니다. 이미지가 블록의 폭의 2/3보다 큰 경우 텍스트가 이미지 아래로 떨어지도록하고 싶지 않지만 이미지의 옆에 텍스트를 넣고 싶습니다.CSS 사용하기 부유 이미지가 특정 너비보다 높을 때 텍스트를 어떻게 내릴 수 있습니까?

이 모든 것은 Drupal에 있습니다.

출처

2010-03-19 Peter Kelley

나는 div의 텍스트를 float:left에 넣을 수 있다고 생각합니다. . . div의 폭을 포함하는 블록의 너비가 1/3이되도록하십시오. 그렇게하면 옆에있는 블록의 너비가 > 2/3 인 이미지를 갖지 않을 것이라고 확신 할 수 있습니다.

출처

2010-03-19 23:55:38

물론 텍스트는 이미지 주위를 둘러 쌀 수 없으며, 공간이 있으면 블록의 옆에 표시되고 그렇지 않은 경우 텍스트가 나타납니다. 그러나 그것이 당신이 원하는 것 같은데. –

네,하지만 이미지가 2/3 너비보다 작 으면 텍스트는 1/3 너비가 될 것입니다. –

네, 텍스트 블록의 '최소 너비'를 1/3로 설정하는 것이 더 좋을 수도 있지만 더 작지는 않을 수도 있습니다. 그러나 텍스트를 자체 블록에 넣고 싶지 않고 이미지 주위를 감싸고 싶다면 순수한 CSS로 처리하는 방법을 생각할 수 없습니다. 그러나 JavaScript를 사용하여 이미지를 만들고 그에 따라 위치를 조정하십시오. –

CSS 사용하기 부유 이미지가 특정 너비보다 높을 때 텍스트를 어떻게 내릴 수 있습니까?

답변

관련 문제