Question

请查看此页面。
Check Out
如您所见，我尝试添加实时预览。我使用jQuery html（）向网页添加元素。但当任何人点击生成按钮时，元素会向上移动一点，以添加新元素＆＃39;实时预览＆＃39;。有什么方法可以删除此移动？
抱歉英语不好（;

    <input id="url" type="text" value="http://"/><br/>
    <button id="btn">Generate</button><br/>  
<div id="opt">
&nbps;
</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"         type="text/javascript" ></script>
    <script type="text/javascript">
        $("#btn").click(function ()
 {
$("#opt").html ("Live Preview");
});
</script>

像这样的事情。也就是为什么实时预览文本从元素上面有大填充。

Answer 1

从 

中删除无中断空格<div class="error"> </div>

或者你可以移动下面的错误div。像这样：

<div class="center">
    <br>
    <input id="url" type="text" value="http://"><br>
    <button id="btn">Generate</button><br>
    <input type="text" id="opt" placeholder="Generated Code will be here!">
<div class="error">&nbsp;</div>
</div>

Answer 2

您已在 

中使用<div class="error">进行填充

按下按钮时，jquery命令$(".error").text("");将删除它。删除原始代码中的 （空格永远不会存在），或者在按下按钮后更改jquery命令以添加它（空格将始终存在）。

禁用html元素的移动

2 个答案: