채택완료
반응형 영문사이트 하이픈 줄바꿈 css 문의드립니다.
반응형 영문사이트 제작중입니다.
A-Star, set-up 등 하이픈 '-' 이 들어가는 영단어는 어떻게 css 를 적용해 주어야 하나요?
예를들면,
A-
Star
이렇게 하이픈 '-' 이 단어로 인식이 되어 줄바꿈이 됩니다.ㅠㅠ
A-Star 같이 한 단어로 줄바꿈되게 하려면 css를 어떻게 주어야 하나요?
고수님들~ 도와주세요~ㅠㅠ
답변 4개 / 댓글 3개
채택된 답변
+20 포인트
Labs님의 답변의
Css를
니얼바이웹님의 답변처럼
span으로 지정해 주시는 것이 좋아 보입니다.
WORD JOINER (https://www.fileformat.info/info/unicode/char/2060/index.htm)
또는
NON-BREAKING HYPHEN (https://www.fileformat.info/info/unicode/char/2011/index.htm)
HTML Entity 로 처리할수 있습니다.
<span style="display: inline-block;">A-Star</span>
CSS 수정하셔서 아래 코드를 넣어보시겠어요?
Copy
white-space: nowrap;답변을 작성하려면 로그인이 필요합니다.
<span style="display: inline-block;white-space: nowrap;">A-Star</span> 적용하니 되는 것 같습니다.