2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

반응형 영문사이트 하이픈 줄바꿈 css 문의드립니다. 채택완료

세세종2
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전 조회 3,126
답변 4
목록

반응형 영문사이트 제작중입니다.

A-Star, set-up 등 하이픈 '-' 이 들어가는 영단어는 어떻게 css 를 적용해 주어야 하나요?

예를들면,

A-

Star

이렇게 하이픈 '-' 이 단어로 인식이 되어 줄바꿈이 됩니다.ㅠㅠ

A-Star 같이 한 단어로 줄바꿈되게 하려면 css를 어떻게 주어야 하나요?

고수님들~ 도와주세요~ㅠㅠ

#영문 #하이픈 #줄바꿈

답변 4개

채택된 답변
+20 포인트

Labs님의 답변의

Css를

니얼바이웹님의 답변처럼

span으로 지정해 주시는 것이 좋아 보입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 주셔서 감사합니다. 채택을 하나밖에 할수 없어요ㅠㅠ
<span style="display: inline-block;white-space: nowrap;">A-Star</span> 적용하니 되는 것 같습니다.

댓글을 작성하려면 로그인이 필요합니다.

WORD JOINER (https://www.fileformat.info/info/unicode/char/2060/index.htm)

2009389905_1688567595.1494.png

또는 

NON-BREAKING HYPHEN (https://www.fileformat.info/info/unicode/char/2011/index.htm)

2009389905_1688567603.2214.png

HTML Entity 로 처리할수 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

<span style="display: inline-block;">A-Star</span>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 주셔서 감사합니다. 채택을 하나밖에 할수 없어요ㅠㅠ
<span style="display: inline-block;white-space: nowrap;">A-Star</span> 적용하니 되는 것 같습니다.

댓글을 작성하려면 로그인이 필요합니다.

CSS 수정하셔서 아래 코드를 넣어보시겠어요?

Copy 
white-space: nowrap;
 
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 주셔서 감사합니다. 채택을 하나밖에 할수 없어요ㅠㅠ
<span style="display: inline-block;white-space: nowrap;">A-Star</span> 적용하니 되는 것 같습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고