태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

<html>
<head>
<style type="text/css">
table {table-layout: fixed; /*테이블 내에서 <td>의 넓이,높이를 고정한다.*/}
table td {
    width:100%; /* width값을 주어야 ...(말줄임)가 적용된다. */
    overflow: hidden;
    text-overflow:ellipsis; /*overflow: hidden; 속성과 같이 써줘야 말줄임 기능이 적용된다.*/
    white-space:nowrap; /*<td>보다 내용이 길경우 줄바꿈 되는것을 막아준다.*/
}
</style>
</head>

<body>
<table border='1'>
<tr>
    <th>말줄임기능(...) 및 풍선 도움말 테스트 중입니다.</th>
    <th>컬럼1</th>
    <th>컬럼2</th>
    <th>컬럼3</th>
    <th>컬럼4</th>
</tr>
<tr>
    <td>말줄임기능(...) 및 풍선 도움말 테스트 중입니다.</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
</tr>
</table>
</body>
</html>

'웹표준 > CSS' 카테고리의 다른 글

css tip 몇가지  (0) 2010.11.03
html 과 css로만 만든 thumb rollover  (0) 2010.09.01
table 셀고정 / 말줄임 .. 넣기  (0) 2010.08.23
make flexible width(example)  (0) 2010.08.20
CSS EXPRESSION 예  (0) 2010.08.20
[CSS Expression] 보다 적절한 링크와 버튼등의 점선 없애기  (1) 2010.08.20
Posted by 고시랑
이전버튼 1 2 3 4 5 6 7 8 ··· 30 이전버튼