Skip to content
조회 수 5044 추천 수 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
번호 분류 제목 날짜 조회 수
2344 종교와철학 "박근혜 '애' 낳는 그림 그린 홍씨, 누군가 자신의 어머니를 저런식으로 그렸다면? file 2012.11.19 6344
2343 AutoHotKey #ifwinactive & #ifwinexist 윈도우창 마다 핫키의 용도를 다르게 사용하는 방법 2011.02.14 16518
2342 만들기 <!--f644fe64217d47f8abef1fe9b7150c48--> secret 2010.10.29 3929
2341 Excel 'C:Documents.xlsx' 을(를) 찾을 수 없습니다. 라는 오류 메시지가 나오는 경우 대처방법 2015.01.28 4765
2340 유용한상식 '작업의 정석' 과외받는 남자들 12 2013.03.04 7133
2339 WindowsTip (nPDF) 프린터 인쇄 내용을 PDF 파일로 변환하기 2015.01.24 2271
2338 재미재미 (쇼킹한 음료광고)Thailand funny slimming greentea commercial 1 2 2012.08.25 5530
2337 일상 (펌)개성공단에서 4월 13일 나온 근무자입니다 2013.04.17 20444
2336 유용한상식 (해외송금)SWIFT 국민은행 송금 및 은행별 SWIFT CODE LIST 2014.02.03 17062
2335 재미재미 * 바람피운 남편을 어떻게...* 2010.12.19 5309
Board Pagination Prev 1 2 3 4 5 ... 235 Next
/ 235

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


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

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

설치 취소