Skip to content
조회 수 4992 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

float 문제 해결책. 

Image 밑으로 본문을 새로 줄바꿈해서 출력하려면.




1.JPG


아무리 이미지 아래로 본문을 새로 줄바꿈을 하려고 해도 안된다.
이유인즉 그 테마 자체의 css에 이미 div 요소 등이 float을 포함하고 있기 때문이다.

그렇다면 이미지 아래에 어떻게 본문을 새로 줄바꿈해서 출력할 수 있을까?

방법은 간단하다. 이미지와 분리하고 싶은 본문을 div로 씌운 다음에, 그 div의 시작 태그에 다음과 같이 CSS를 적용한다.

div style="float: none;"

설명하자면, 기존의 스타일 적용값 중에서도 float 속성을 사용하지 않겠다는 말이다.

* 이 팁은 브라우저의 종류에 따라서 원하지 않는 레이아웃이 출력될 수 있다.

* IE6.0에서는 잘 안되는 경우가 있는데, 이를 해결하는 팁은,
원래 하나 뿐이 div의 바깥을 다시 한번 더 div나 span으로 감싼 다음에
div class="none" style="float: none" 를 적용하면 잘 보인다.







로그인 후 댓글쓰기가 가능합니다.

?

List of Articles
번호 분류 제목 날짜 조회 수
403 컴퓨터잡담 Autohotkey DllCall() 호출하기 5 2010.12.19 22882
402 재미재미 * 바람피운 남편을 어떻게...* 2010.12.19 4914
401 일상 어느 의사의이야기입니다 7 file 2010.12.19 23049
400 일상 40대의 고백 file 2010.12.19 22141
399 유용한상식 병이오는 가장 큰 원인 1 file 2010.12.19 8176
398 컴퓨터잡담 G-PON 시스템의 이해 11 2010.12.17 9697
» 컴퓨터잡담 float 문제, Image 밑으로 본문을 새로 줄바꿈해서 출력하려면. file 2010.12.08 4992
396 Visual C++ VC++ 프로그래밍 시작 1 2010.12.05 23287
395 Visual C++ c 와 c++ 의 차이점 12 2010.12.05 21744
394 유용한상식 일상에서 모르고 위반하는 교통법규 2 2010.12.02 6443
Board Pagination Prev 1 ... 187 188 189 190 191 ... 229 Next
/ 229

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소