2010-11-26 1 views
1

div가있는 래퍼 div를 이미지의 너비의 절반 크기로 생성했습니다.Blueprint CSS를 사용하여 이미지 div 주위를 둘러싸는 텍스트를 얻으려면 어떻게해야합니까?

래퍼 div에 배치 된 텍스트가 이미지 div 주위로 흐르지 만 텍스트의 맨 위에 표시되거나 옆에 표시됩니다.

<div id="wrapper" class='span-8 last'> 
<div id="image" class='span-4'> 
</div> 
</div> 

내 청사진 수업을 변경하여이 기능을 사용할 수 있습니까?

답변

0

.span-4의 스타일 변경 사항을 확인하십시오. 거기에있는 선언 중 하나를 제거해야 할 수도 있습니다.

플로팅 이미지 용으로 별도의 CSS 클래스를 만들거나 "float : right"라고 말하는 인라인 스타일과 원하는 텍스트 배치를 사용할 수 있습니까?

the Pro Webmasters Q&A site에서 질문에 대한 답변을 얻는 것이 더 나을 수도 있습니다.

2

이미지 뒤에 정확하게 텍스트를 배치 했습니까?

<div id="wrapper" class='span-8 last'> 
    <div id="image" class='span-4'> 
    </div> 
    TEXT GOES HERE.... 
</div> 
1

아직 어떤 속성이 설정되어 있는지 알 수 없으므로 CSS를 게시하지 않았습니다. 예를 들어 그대로두면 이미지 div에 float:left;을 추가하면 텍스트가 그 주위로 흐르게됩니다.