在上面的屏幕截图中,代码如下所示:
<label>Venue:<label>
<div id='map-canvas'></div>
<span id='msg'>Ang Mo Kio Int, Singapore <input type='button' class='smallbutton' value='Append This Address'></span>
我不想按钮在地图下形成新线,而是在文本“ Ang Mo Kio Int,Singapore”下形成新线。任何想法?
更新CSS:
label.form{
display:block;
text-align:left;
float:left;
}
#map-canvas {
height: 300px;
width: 500px;
margin: 0px;
padding: 0px;
display:inline-block;
}
#msg{
vertical-align:top;
}
input.smallbutton{
background-color: #2d89ef !important;
border: 1px solid transparent;
border-radius: 0 0 0 0;
color: white;
cursor: pointer;
display: inline-block;
font-size: 10px;
font-weight: 400;
height: 20px;
line-height: 10px;
margin-bottom: 1px;
margin-right: 10px;
min-height: 20px;
min-width: 60px;
outline: medium none;
padding: 4px 10px;
position: relative;
text-align: center;
vertical-align: middle !important;
}
最佳答案
我认为您使用的Google Map Api可能有问题。
我不知道地图中#msg内容的加载方式。如果可以在地图上嵌入输入元素,则应检查google map api doc。