60년만 코딩하자 ( 010.9289.9979 )

목동코딩:

웹사이트를 개발하면서, datebase에서 가져온 내용을 표시하다 보면 표시할 글자수의 차이로 인하여, 아래의 사진과 같이 페이지가 일그러지는 현상이 발생한다.

이 부분을 구글 개발자 모드에서 이미 표시된 css를 막고서 화면을 보면 잘 표시되건 페이지가 찌그러진다

element.style {

/* overflow: hidden; */

/* text-overflow: ellipsis; */

/* white-space: nowrap; */

}

이제 다시 원래대로 다시 3개의 css 를 체크하고 확인하면, 다시 원래대로 이쁘게 표시된다.

넘치는 글자수는 ... 으로 바뀌어서 표현이 된다.

​

element.style {

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}