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

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

QA

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

본문

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

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

예를들면,

A-

Star

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

 

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

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

 

이 질문에 댓글 쓰기 :

답변 4

Labs님의 답변의

Css를

니얼바이웹님의 답변처럼

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

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

white-space: nowrap;
 

<span style="display: inline-block;">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 로 처리할수 있습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 122,404 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT