반응형 영문사이트 하이픈 줄바꿈 css 문의드립니다.
본문
반응형 영문사이트 제작중입니다.
A-Star, set-up 등 하이픈 '-' 이 들어가는 영단어는 어떻게 css 를 적용해 주어야 하나요?
예를들면,
A-
Star
이렇게 하이픈 '-' 이 단어로 인식이 되어 줄바꿈이 됩니다.ㅠㅠ
A-Star 같이 한 단어로 줄바꿈되게 하려면 css를 어떻게 주어야 하나요?
고수님들~ 도와주세요~ㅠㅠ
답변 4
Labs님의 답변의
Css를
니얼바이웹님의 답변처럼
span으로 지정해 주시는 것이 좋아 보입니다.
답변 주셔서 감사합니다. 채택을 하나밖에 할수 없어요ㅠㅠ
<span style="display: inline-block;white-space: nowrap;">A-Star</span> 적용하니 되는 것 같습니다.
CSS 수정하셔서 아래 코드를 넣어보시겠어요?
white-space: nowrap;답변 주셔서 감사합니다. 채택을 하나밖에 할수 없어요ㅠㅠ
<span style="display: inline-block;white-space: nowrap;">A-Star</span> 적용하니 되는 것 같습니다.
<span style="display: inline-block;">A-Star</span>
답변 주셔서 감사합니다. 채택을 하나밖에 할수 없어요ㅠㅠ
<span style="display: inline-block;white-space: nowrap;">A-Star</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 로 처리할수 있습니다.