게시판을 만들다보면 게시글 제목이 너무 길어 생략이 필요한 경우가 있다.
이 경우 CSS로 간단하게 해결할 수 있다.
table {
table-layout: fixed;
}
td {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
위의 내용은 table과 td에 모두 적용이 되지만 class로 지정하여 사용하면 원하는 부분에만 사용이 가능하다.
'알아가기 > 웹' 카테고리의 다른 글
touchstart, touchend 이벤트 이용해서 스와이프처럼 보여지기 (0) | 2023.02.02 |
---|---|
radio 버튼 DIV 활성화 및 비활성화 / 라디오 버튼 클릭시 변경되지 않는 오류 (0) | 2017.10.12 |
form에서 enctype="multipart/form-data"로 보낸 데이터를 request로 받기 (0) | 2017.08.11 |
JAVA에서 alert창 띄우기 (0) | 2017.08.11 |
JavaScript에서 URL Parameter 간단히 가져오기 (0) | 2017.04.19 |