| 제목 | [팁] View 처리에서 td값 공백시 선 유지방법 | ||
|---|---|---|---|
| 글쓴이 | ci세상 | 작성시각 | 2009/08/26 12:00:09 |
|
|
|||
|
목적 : 테이블에 css를 적용할때 td값이 비어 있을때 선이 안보여서 강제로 스페이스나 공백을 넣어줘야 하는 경우가 있는데요 그것을 간단한 스타일 시트로 처리가 가능해서 팁으로 올려봅니다. style="border-collapse:collapse;"1. 잘못된 경우 : td값이 공백이면 선이 사라지는 경우입니다.
<table align="center" width="102" border="1" cellpadding="1" cellspacing="0" bordercolor="white" bordercolorlight="#7E9EC5">
<tr>
<td width="96" height="26"></td>
</tr>
</table>
2. 정상적인 경우 : td값이 공백이라도 위의 스타일에 의해서 선이 유지가 됩니다.
<table align="center" width="102" border="1" cellpadding="1" cellspacing="0" bordercolor="#7E9EC5" style="border-collapse:collapse;">
<tr>
<td width="96" height="26"></td>
</tr>
</table>
3. CSS에 적용시
table{border-collapse:collapse;}
|
|||
| 다음글 | [예제] 폼 헬퍼 사용 | ||
| 이전글 | [팁] 배열 이용 타이틀명 만들기 (1) | ||
| 없음 |