- HTML Table
- font-size
- vertical-align
top, middle
<div style="overflow-y:scroll; height:100px; width: 100%">
style="width:40px"
<td style="background:#F2F2F2;" align="center">
align은 ?
color:orange; font-weight:bold
<div style="display:none;"
- font-size
- vertical-align
top, middle
<div style="overflow-y:scroll; height:100px; width: 100%">
style="width:40px"
<td style="background:#F2F2F2;" align="center">
align은 ?
color:orange; font-weight:bold
<div style="display:none;"
글자가 너무 길거나 내용이 많아서 화면이 깨지는 경우가 있다.
서버나 클라이언트 스크립트를 이용해서 내용을 줄이는 방법을 사용하는데
화면단에서 처리하는 방법을 적어 본다.
text-overflow는 IE에서만 사용가능
text-overflow:ellipsis 는 내용이 길어지면 ... 표시를 보여준다.
(Xenocode의 브라우저로 테스트함, FF3, IE8, IE6, Safari3, Opera9)
서버나 클라이언트 스크립트를 이용해서 내용을 줄이는 방법을 사용하는데
화면단에서 처리하는 방법을 적어 본다.
- table-layout:fixed
- overflow:hidden
- nowrap -or- nobr
text-overflow는 IE에서만 사용가능
text-overflow:ellipsis 는 내용이 길어지면 ... 표시를 보여준다.
Recent comment