chatGpt의 답변
CSS 공백 속성을 사용하여 텍스트 줄 바꿈 방법을 제어할 수 있습니다.
white-space 속성을 nowrap으로 설정하면 텍스트가 넘치더라도 줄 바꿈이 되지 않습니다.
샘플 코드는 다음과 같습니다.
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}위의 코드에서 div는 넘치는 텍스트가 포함된 요소의 선택기입니다.
'추천 관련글,
white-space: nowrap 속성은 텍스트가 한 줄에만 나타나도록 합니다.
overflow:hidden 특성으로 인해 오버플로가 잘립니다.
마지막으로 text-overflow: ellipsis 속성으로 인해 오버플로에 줄임표가 표시됩니다.
이렇게 쓰면 텍스트가 넘치더라도 깨지지 않고 넘친 부분은 줄임표로 대체되어 잘립니다.