안녕하세요. CSS로 STYLE이 지정된 경우 한글 길이 문제로 질문드립니다.
Copy
#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;}위 css 소스에서 아래 css 부분이 표시될때
영문인 경우 문자열의 길이에 따라 제대로 인식이 되어 한줄에서 표현이 되나
한글인 경우 문자열의 길이를 인식하지 못하고 줄이 바뀌어 버립니다.
Copy
#gnb ul li ul li{border-bottom:1px solid #1c1c1c; float:none; }아래 옵션은 설정해보았으나 인식이 되지 않습니다.
Copy
white-space:nowrap;word-break:keep-all;어떤 부분을 수정해야 하나요
답변 2개 / 댓글 1개
2015-02-01 (일) 11:53:49
자답합니다.
#gnb ul li a:link{white-space:nowrap;},
로 해결 봤습니다.
2015-02-01 (일) 05:58:57
제목길이 부분은 CSS와는 상관없구요, 다음 처럼 처리해 보시죠.
리스트인 경우...
cut_str($list[$i]['subject'], 14, $suffix="…"); //14를 원하시는 숫자로 바꿔 테스트해 보세요.
답변에 대한 댓글 1개
2015-02-01 (일) 11:38:11
답변을 작성하려면 로그인이 필요합니다.
줄이 바뀌는 것이 문제이고 줄의 내용이 출력이 안되는 것은 아닙니다.
한 줄의 내용이 한줄에 디스플레이가 되어야 하는 내용이라 CSS 질문을 드린거구요 ㅠ