Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将文本换行到<;span>;在a旁边<;部门>;_Jquery_Html_Css - Fatal编程技术网

Jquery 将文本换行到<;span>;在a旁边<;部门>;

Jquery 将文本换行到<;span>;在a旁边<;部门>;,jquery,html,css,Jquery,Html,Css,在上面的屏幕截图中,代码如下所示: <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> 如果您使用的是JavaScript,只需获取

在上面的屏幕截图中,代码如下所示:

<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>

如果您使用的是JavaScript,只需获取msg的值并将其设置为
+=“
”+任何内容即可添加到css中:

input.smallbutton { float: right; } span#msg { ... float: right; ... } input.smallbutton{ 浮动:对; } span#msg{ ... 浮动:对; ... } 应该将其放置在msg元素旁边。
要将其放在新行中,请在HTML中的按钮前添加换行符。

我认为您使用的google map Api可能有问题。
我不知道#msg内容是如何加载到地图中的。如果可以在地图上嵌入一个输入元素,那么您应该检查GoogleMapAPI文档

您可以使用JS查找id为msg的span元素的位置,然后动态地将按钮的位置设置为其下方。

您可以发布CSS吗?它可能像“float:right”一样简单,但如果没有其他元素的CSS,我不能肯定。“显示:内联块”是另一种可能的解决方案。@jqueryrocks谢谢!我已经用css更新了我的帖子。@CodeBender:add
span#msg{white space:nowrap}
hi@NoobEditor。不幸的是,在添加“空白:nowrap;”后,整个字符串都在地图下方。希望字符串位于地图的右侧=D@CodeBender:检查
inline block
,如下面的answe所示,如果这也不起作用,您将不得不在上面提供一张地图!!你好,罗伯托。我做了一个$('#msg').html(formatAddr+“”);formatAddr是反向地理代码事件属性中的一个值。很抱歉,我不知道:(我更喜欢java语言)该值是动态设置的。我不想手动切掉字符串并在行之间放置一个
。是否有任何方法可以动态执行?(比如读取宽度值?嗨。内联块已经设置好了。请原谅我之前遗漏了input.smallbutton css。我已经在我的帖子上更新了css。再次感谢。更新帖子以反映我的另一个想法-浮动:右两个元素。如果这不起作用,我就被难住了。我认为你的建议是开箱即用的,但它有帮助。)为了更好地改进网站。谢谢@Adrien。 input.smallbutton { float: right; } span#msg { ... float: right; ... }