지도가 작을 때 Google지도에서 저작권 텍스트를 어떻게 작성할 수 있습니까?

Question

웹 페이지에 Google지도를 삽입하면 저작권 텍스트가지도에 포함됩니다.

너비가 작은지도를 포함하는 경우 저작권 텍스트는 그 안에 두 줄로 묶는 대신 <div> 외부로 확장됩니다.

이

구글지도 저작권 텍스트를 삽입하는 HTML입니다 :

<div style="-moz-user-select: none; z-index: 0; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: nowrap; text-align: right;" dir="ltr"> 
    <span></span> 
    <span>Map data &copy;2010 LeadDog Consulting, Europa Technologies - </span> 
    <a href="http://www.google.com/intl/en_ALL/help/terms_maps.html" target="_blank" class="gmnoprint terms-of-use-link" style="color: rgb(119, 119, 204);">Terms of Use</a> 
    <span></span> 
</div> 

내가 (:contains() 사용) 내용에 따라이 HTML을 선택 jQuery를 사용하여 시도하고 다른 스타일이 있지만,의 없음 스타일은 IE 8에 적용됩니다. IE 7 및 Firefox에서는 잘 적용됩니다.

$('.map_placeholder div:contains("Map data ")').css({'white-space': 'normal', 'margin-left': '70px', 'width': '210px', 'border-top': 'solid 10px #c00'}); 

• IE 8까지의 어떤 생각?
• 동일한 결과를 얻으려면 다른 방법을 알고 있습니까?

Answer 1

div span { white-space: normal;} 

Answer 2

당신은 외부 div에 overflow:hidden을 설정 할 수 있어야한다 아무것도의 상자 이상으로 확장되지 않습니다.

Google의 서비스 약관을 위반했을 가능성이 높으므로 저작권 텍스트를 제거하거나 스타일을 지정하는 데주의해야합니다.

Answer 3

방금 ​​테스트 한 결과 작동합니다. 인라인 CSS를 다음으로 덮어 씁니다.

div[style]{ 
font-size: inherit !important; 
white-space: inherit !important; 
} 


span[style]{ 
white-space: inherit !important; 
} 

a[style]{ 
color: inherit !important; 
} 

span { white-space: normal; }