CSS로 STYLE이 지정된 경우 한글 길이 문제 채택완료
cina
10년 전
조회 3,699
안녕하세요. CSS로 STYLE이 지정된 경우 한글 길이 문제로 질문드립니다.
</p><p>#gnb {margin:0px auto; text-align:left;}
#gnb ul li a:hover{background:#242424; color:#ffffff; text-decoration:none;}
#gnb ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;}
#gnb ul li a{height:48px; line-height:48px; display:inline-block; padding:0px 20px;}
#gnb ul li .gnb1{font-weight:bold;}
#gnb ul li:hover .gnb1{background:#242424;}
#gnb ul li ul{position:absolute; left:0px; top:48px;background:#333333; z-index:100;}
#gnb ul li ul li{border-bottom:1px solid #1c1c1c; float:none; }
#gnb ul li .sm{display:none;}
#gnb ul li a:link,
#gnb ul li a:visited{color:#999999;}
#gnb ul li a:hover{background:#242424; color:#ffffff; text-decoration:none;} </p><p>
위 css 소스에서 아래 css 부분이 표시될때
영문인 경우 문자열의 길이에 따라 제대로 인식이 되어 한줄에서 표현이 되나
한글인 경우 문자열의 길이를 인식하지 못하고 줄이 바뀌어 버립니다.
</p><p>#gnb ul li ul li{border-bottom:1px solid #1c1c1c; float:none; }</p><p>
아래 옵션은 설정해보았으나 인식이 되지 않습니다.
</p><p>white-space:nowrap;</p><p>word-break:keep-all;</p><p>
어떤 부분을 수정해야 하나요
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
줄이 바뀌는 것이 문제이고 줄의 내용이 출력이 안되는 것은 아닙니다.
한 줄의 내용이 한줄에 디스플레이가 되어야 하는 내용이라 CSS 질문을 드린거구요 ㅠ