반응 형 디자인에서 미망인 (한 줄 단어)을 다루는 방법

Question

누군가가 전에이 문제에 직면했는지 알 수 없습니다.

기본적으로 웹 사이트에 단락이 있다고 상상해보십시오. 마지막 줄에 한 줄짜리 단어가 있으면 이상하게 보입니다.

다른 한 단어의 조합 인 한 단어, 한 줄 끝에서 머물러있는 단어, 다음 줄의 시작 부분에 머물러있는 단어 (특히 일본어로는 많이 발생 함).

나는 그것을 제거하는 가장 효율적인 방법이 무엇인지 (또는 어떻게 든 더 좋아 보이게 만드는) 궁금합니다.

Answer 1

아마도 <span class="nowrap"></span>에 2 단어 단어를 배치하면 .nowrap{white-space: nowrap;}으로 스타일을 지정하는 것이 좋습니다.

단락의 말미까지는 내가 아는 간단한 해결책이 없습니다. 내가 제안 할만한 것은 모든 주요 장치 중단 점 (1440, 1366, 1280, 1024, 764 등)에 대한 미디어 쿼리를 만들고 수동으로 글꼴, 여백, 패딩 등을 스타일링하여 못생긴 단어 줄 바꿈이 없도록하는 것입니다.