카카오맵 커스텀 오버레이 질문 (html div 줄바꿈)

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610

화면 캡처 2023-02-13 105901

<style>
        .label {margin-bottom: 96px;}
        .label * {display: inline-block;vertical-align: top;}
        .label .left {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
        .label .center {background: url(https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
        .label .right {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}
    </style>
var contents = []
          for(var i = 0; i < data.length; i++){
          var iwContent = '<div class ="label"><span class="left"></span><span class="center">'+ buslist[i].slice(2) + '</span><span class="right"></span></div>';
          contents.push(iwContent)
              }

오버레이 커스텀 중입니닷…

class 가 label인 친구의 div 내의 내용을
width 와 height을 고정시켜두고 줄바꿈 시켜주고 싶은데
어떤 코드를 어떻게 더 추가해주어야 할까요 ?
아시는분… 감사합니다.

element 스타일에 word-break, white-space 스타일 속성을 적용해서 줄바꿈 스타일을 적용할 수 있습니다.

1개의 좋아요

감자합니다 ( _ _ ) 말씀해주신 방법대로 시도해 보도록하겟습니다!

1개의 좋아요