請教 CSS inline, 改唔到 google maps 既排版.

我寫緊一個網頁, 例如想, 左邊放張相, 右邊放google map.
如上圖, 左手邊係相(上), google map(下).
但我想變成圖既右手邊咁, 相(左). google map(右).

我用 CSS 將 div 變做 inline, 但發覺會連 google map 都唔見左.

<!DOCTYPE HTML>
<html lang="zh-Hant-HK">
<head>
<meta charset="utf-8">
<title>google maps test</title>
<style>
div {display: block;}
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=FALSE"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(22.274463,114.187483);
var mapOptions = {
zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}
</script>
</head>
<body onload="initialize()">
<div>
<img width="200" height="200" src="a.jpg" />
</div>
<div id="map_canvas" style="width: 100px; height: 200px"></div>
</body>
</html>

複製代碼

附件: 您需要登錄才可以下載或查看附件。沒有帳號？註冊

0

takayo72 發短消息加為好友 takayo72 當前離線路人甲 UID 307575 帖子 13502 精華 1 積分 7770 EPC Dollar 7770 註冊時間 2014-9-30 最後登錄 2026-6-1 Banned	2^# 發表於 2015-4-4 09:48 \| 只看該作者提示: 作者被禁止或刪除內容自動屏蔽

	TOP