테이블 overflow:hidden; 이 잘 안먹어요..
감춰왔던
테이블 th, th크기가 고정이 되어야 하는데..
말줄임도 잘 안먹고 overflow:hidden;도 잘 안먹습니다..
어떻게 해야 하죠?
그리고 cellspacing도 없애야 하는데 어케 해야 하나요?table class=d style= width:100%;height:15px; border:solid 1px #f00; overflow:hidden;
tr style=overflow:hidden;
th style=width:30%;height:15px; border:solid 1px #f00;overflow:hidden;overflow:hidden; 이 안먹요. 어디가 잘 못 됐을까요? 아래와 같은 높이여야 하는데
/th
th style=width:30%;height:15px; border:solid 1px #f00;overflow:hidden;/th
th style=width:40%;height:15px; border:solid 1px #f00;overflow:hidden;/th
/tr
tr style=overflow:hidden;
td style=width:30%;height:15px; border:solid 1px #f00;overflow:hidden;/td
td style=width:30%;height:15px; border:solid 1px #f00;overflow:hidden;/td
td style=width:40%;height:15px; border:solid 1px #f00;overflow:hidden;/td
/tr
/table
-
피리 2023-05-08
저도 테스트를 해봤는데 th에 수다님 말씀데로 3가지 속성을 주어도 말줄임이 안되더라구요.
그래서 display:inline-block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;을 넣어주면 말줄임이 되기는 하지만 가로 너비가 확 줄어네요.
인라인블록 처리 때문에 하나의 th안에서 30% 너비만큼 하라는 것으로 인식하는 것 같아요.
너비를 픽스하지 않고 100%의 유동적인 가로 너비일 -
좋아해 2023-05-08
말줄임을 위해서는 white-space: nowrap; overflow:hidden; text-overflow:ellipsis; 3가지 속성을 모두 주시면 됩니다.
한줄짜리 텍스트에만 사용 가능하고, 두줄 이상의 텍스트에서는 말줄임표 처리가 불가능합니다. -
푸헷 2023-05-08
cellspacing은 table의 속성으로 cellspacing=\0\으로 입력해주면 됩니다.
그리고 overflow:hidden;이 왜 들어가 있는 것인지 잘 이해가 안되네요~ -
겨레 2023-05-08
overflow를 쓰신 주 목적이 어떤 것인가요?