본문 바로가기

[Program]/[Html & Javascript]

영문 때문에 테이블 사이즈가 늘어나는 경우

========================================
글자수가 많아 지면 테이블 사이즈가 커져버리네요.
고정할수 있도록 할려면 어떻게 해야 하는지요?
딱.. 지정한 width 길이로만 설정되도록...

답변1---------------------------------------------------------------
자동 줄바꿈을 통한 테이블 크기 고정
테이블 작업을 하다가 글의 내용이 길어지면 지정된 테이블의 크기가 늘어나는 현상이 있을 수 있습니다. 이럴 때 테이블의 크기를 고정시키고 자동으로 줄바꿈을 해주는 기능입니다.
<table> 태그의 아래의 구문을 넣습니다.
style="table-layout:fixed;"
[ ------------------------------ 예문 ------------------------------ ]
<table style="table-layout:fixed;">
● 적용 시키고자 하는 셀에 아래의 구문을 넣습니다.
style="word-break:break-all;"
[ ------------------------------ 예문 ------------------------------ ]
<td style="word-break:break-all;">

답변2----------------------------------------------------------------------------------
한글 : style="word-break:break-all"
영문 : style="word-break:keep-all"
영문 : nowrap