[HTML+CSS] 테이블 td 높이 한줄로 고정 후 생략 처리하기

위와 같이 한줄 코멘트 게시판에 값이 긴 레코드가 들어올 경우 테이블 간격이 흐트러지게 된다. 기대평 입력 시 글자수를 제한하는 방법도 있지만, 필요에 따라 DB에 긴 내용이 담겼을 때..

간단한 CSS 설정을 통해 출력되는 내용을 자동으로 생략하고 테이블 모양을 고정시키는 방법을 사용해보도록 하자. 우선 <table>에 style="table-layout: fixed;" 속성을 추가해준다. style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap;" 그리고 지정할 <td>에 위와 같은 세 속성을 같이 추가해주면 된다. text-overflow: ellipsis; text에 말줄임표(...)

적용 overflow: hidden; ..........