Media Log

문장이 일정한 길이를 넘으면 자동으로 말줄임표 처리

2008. 5. 14. 15:14 | ### 프로그래밍/Javascript/Css/Html
일정한 길이를 넘으면 자동으로 말줌임표로 대체

<div style="width:275px;overflow: hidden; text-overflow: ellipsis;"><nobr>내용~~~~~~~</div>

가로사이즈 반드시 정해줘야 한다.
/

이미지버튼 텍스트와 줄맞추기

2008. 4. 23. 15:07 | ### 프로그래밍/Javascript/Css/Html
이미지버튼 텍스트와 줄맞추기
이미지 버튼을 그냥 텍스트와 같은 줄에 사용하면 이미지가 위로 올라가던지 밑으로  내려가던지 줄맞추기가 쉽지않다.

이럴때 스타일 속성중에 vertical-align:text-bottom요걸 사용하면 된다.
/

테이블 넓이 고정 할때 사용하는 스타일(table-layout:fixed)

2008. 4. 13. 02:02 | ### 프로그래밍/Javascript/Css/Html

style="table-layout:fixed"

<table style="table-layout:fixed;  border:solid 1px Gray" >
 <tr><td style="width:100px; height:40px" >동해물과 백두산이 마르고 닳도록 하느님이 보우사하사</tr></td>
</table>

table-layout:fixed 를 사용할경우
 - 테이블의 td부분의 크기를 fix시켰기때문에 td크기를 계산하지 않고 불러온다.
 - cell의 내용물이 넘쳐도 cell의 크기게 영향을 끼치지 않는다

/

티스토리툴바