html 테이블고정이요...
페이지 정보
본문
정확히 어떤 상황인지 알수가없네요.
님께서 코딩하신것을 올리시면 바로 수정가능할텐데...
일반 한글경우에는 width 값만 확실하게 정해 주시면 테이블을 깨는 경우는 없구요.
영문인경우는 테일블의 width 값을 지정해줘도 띄어쓰기가 되어있지 않으면
하나의 단어로 인식해서 테이블 깬답니다.
아래처럼 td 태그 안에다가 style="word-break:break-all" 이런식으로 스타일 시트를 지정해 주면 됩니다.
<table border=1 width=100>
<tr><td width=50 style="word-break:break-all">aaaaaaaaaaaaaaaaaaaa</td><td width=50>bbbb</td></tr>
<tr><td>dddd</td><td>eeee</td></tr>
<tr><td>gggg</td><td>hhhh</td></tr>
</table>
<table border=1 width=100>
<tr><td width=50 style="word-break:break-all"><div style="width:100%;display:block;overflow:hidden;">aaaaaaaaaaaaaaaaaaaa</div></td><td width=50>bbbb</td></tr>
<tr><td>dddd</td><td>eeee</td></tr>
<tr><td>gggg</td><td>hhhh</td></tr>
</table>
--------------------------------------------
style="white-space:pre-line" <-- 참조
참고사이트 : http://htglss.tistory.com/31
님께서 코딩하신것을 올리시면 바로 수정가능할텐데...
일반 한글경우에는 width 값만 확실하게 정해 주시면 테이블을 깨는 경우는 없구요.
영문인경우는 테일블의 width 값을 지정해줘도 띄어쓰기가 되어있지 않으면
하나의 단어로 인식해서 테이블 깬답니다.
아래처럼 td 태그 안에다가 style="word-break:break-all" 이런식으로 스타일 시트를 지정해 주면 됩니다.
<table border=1 width=100>
<tr><td width=50 style="word-break:break-all">aaaaaaaaaaaaaaaaaaaa</td><td width=50>bbbb</td></tr>
<tr><td>dddd</td><td>eeee</td></tr>
<tr><td>gggg</td><td>hhhh</td></tr>
</table>
<table border=1 width=100>
<tr><td width=50 style="word-break:break-all"><div style="width:100%;display:block;overflow:hidden;">aaaaaaaaaaaaaaaaaaaa</div></td><td width=50>bbbb</td></tr>
<tr><td>dddd</td><td>eeee</td></tr>
<tr><td>gggg</td><td>hhhh</td></tr>
</table>
--------------------------------------------
style="white-space:pre-line" <-- 참조
참고사이트 : http://htglss.tistory.com/31
- 이전글맵에서 javascript 실행(자바스크립트) 21.02.10
- 다음글window.close() 또는 self.close()시 뜨는 confirm메세지 없애기 21.02.10
댓글목록
등록된 댓글이 없습니다.