nowrap 과 TABLE-layout ( 테이블 고정 태그) HTML > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

nowrap 과 TABLE-layout ( 테이블 고정 태그) HTML

페이지 정보

작성자 JMStudy 작성일07-03-02 11:58 조회9,109회 댓글0건

본문


● TABLE 넓이 고정테그

style="table-layout:fixed;" -> 상하좌우 모두 고정



● 테이블 크기와 관계없이 늘어나게



긴 문자열을 줄바꿈이 되지 않고 테이블의 길이에 맞게 보이도록해서 마치 테이블 길이에 맞게

글자를 자른것처럼 효과를 냅니다.


테이블 태그에 style="table-layout:fixed"를 넣어주고 적용할 TD 태그에 nowrap 옵션을 넣어줍니다.

folder_s03_06.gif 긴 문자열을 줄바꿈이 되지 않고 테이블의 길이에 맞게 보이기




● 가이드 라인 잡기(table-layout:fixed)

코딩을 할 때 테이블을 이용해서 위치를 잡지 말라고 합니다. 레이어를 이용해서 위치를 잡으라는 것이죠. 외국 사이트 중에 이렇게 한 곳이 있기는 한 것 같습니다. 하지만 대부분의 사이트들이 테이블을 이용해서 위치를 잡아서 코딩을 하죠.



저 또한 대부분 테이블을 사용합니다.



그리고 페이지를 코딩하는데 테이블을 워낙 많이 사용하기 때문에 테이블에 대한 Tip을 알아 두면 좋으리라 생각합니다.



댓글목록

등록된 댓글이 없습니다.