테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

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

세종2 2년 전 조회 2,673
답변 4
목록

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

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

예를들면,

A-

Star

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

 

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

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

 

#영문 #하이픈 #줄바꿈
댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
엑

Labs님의 답변의

Css를

니얼바이웹님의 답변처럼

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

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

답변에 대한 댓글 1개

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

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

배
배르만
2년 전

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>

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

답변에 대한 댓글 1개

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

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

Labs
Labs
2년 전

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

white-space: nowrap;
 

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

답변에 대한 댓글 1개

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

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

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

로그인