Html & Css

내용길이 상관없이 테이블 고정하기

안개핑 2016. 6. 4. 01:51

 

 

테이블 크기를 정해두어도 그 테이블 안에 들어가는 내용이 길어지면 테이블이 깨어집니다.
이럴땐 아래와 같은 스타일시트를 이용해서 테이블 크기를 고정시킬 수 있습니다.

style='word-break:break-all;'

적용은 다음과 같이 하시면 됩니다.
< td width=300 height=100 style='word-break:break-all;'>

만약 내용에 글대신 이미지가 들어갔을 경우는 break all 만으로는 테이블 고정이 안됩니다.
그럴때는 style='table-layout:fixed' 를 이용하시면 됩니다.

그러면 테이블 크기만큼만 이미지가 보이고 나머지 부분은 짤려서 안보이게 됩니다.
따라서 테이블이 안깨어지는 거죠..^-^

적용하실땐 이렇게...
< td width=300 height=100 style='table-layout:fixed'>