2016-10-07 3 views
1

위에서 아래로 이미지 옆에 텍스트를 정렬해야합니다.CDATA 문제. 이미지 옆에 줄 바꿈 문자가 있습니다.

나는 CDATA 안에 <br/>을 사용하지만 텍스트는 이미지 하단에 정렬되어 있습니다. 텍스트를 맨 위의 이미지 옆에 정렬 할 수 있도록 문제를 해결하려면 어떻게합니까?

<?xml version="1.0" encoding="UTF-8"?> 
<kml xmlns="http://www.opengis.net/kml/2.2"> 
<Placemark> 
     <name>Miami, FL</name> 
<description>  
     <![CDATA[<img  
src="http://wfarm1.dataknet.com/static/resources/icons/set95/5076c9d9.png"/> 
<br/> 
     Address: 180 Howard St. San Francisco, CA 94105. <br />  
     Phone:415-555-3322. <br/> 
     Type: Kids Play Center. <br/> 
     Fax: 515-666-3311]]> 
</description> 
    <Point><coordinates>-80.19179,25.76168</coordinates></Point> 
</Placemark> 
</kml> 

답변

1

여기 CSS의 조금을 건의 할 것입니다 :

<img src="..." style="float:left;"/> 
Address: ... <br /> 
Phone: ... <br/> 
Type: ... <br/> 
Fax: ... 
+0

감사합니다. Little Santi. 그것은 훌륭하게 일하고 있습니다. – Sky

+0

좋아요! 천만에요. :-) –

-1

당신은 또한 여기에 테이블을 사용할 수 있습니다. CSS보다 오래된 학교이지만 작동합니다.

<![CDATA[ 
<table> 
    <tr> 
    <td> 
     <img src="http://wfarm1.dataknet.com/static/resources/icons/set95/5076c9d9.png"/> 
    </td> 
    <td> 
     Address: 180 Howard St. San Francisco, CA 94105. <br />  
     Phone: 415-555-3322. <br/> 
     Type: Kids Play Center. <br/> 
     Fax: 515-666-3311 
    </td> 
    </tr> 
</table> 
]]> 
+0

행복하게, CSS가 도입 된 이래로 약 20 년이 지났습니다. 그래서 더 이상 해킹에 의지하지 않아도됩니다. 테이블은 레이아웃이 아닌 테이블 형식 데이터 용입니다. – Quentin

+0

예, 이것은 웹에서 매우 사실입니다.하지만 Google 어스의 웹보기에 대해 이야기하고 있습니다. 불행히도 다소 다른 짐승입니다. 올해 (2017)까지 대부분의 버전의 Google 어스는 풍선에서 HTML을 렌더링하는 데 아주 오래된 버전의 QT + WebKit을 사용했습니다. CSS 지원은 매우 제한적 이었으므로 테이블은 기본 풍선과 관련하여 여전히 훌륭하고 단순하며 역 호환 가능한 옵션이었습니다. 기존 어스 (v7)가 QT5를 지원하고 최신 버전의 Google 어스 (v9)가 최신 브라우저를 지원하기 때문에 CSS를 통한 테이블의 이점은 거의 사라졌습니다. –