我有一个提交按钮,点击它时,jquery 检查是否选择了任何内容。如果不是,那么它会在错误消息上执行 show() 。这是 html:
<p id="error_message" style="display:inline">dfd</p><input type="submit" class="button" name="Submit" value="Submit" />
消息一开始是隐藏的,但如果用户在没有选择选项的情况下点击提交,就会显示出来。问题是,我的文本显示改变了我的提交按钮。这是没有消息的提交的样子:
下面是消息显示后的样子:
如您所见,提交按钮向右移动。如果我希望错误消息和提交都出现在同一行上,我必须内联显示,但如何防止任何移动?谢谢
最佳答案
如果您将按钮设置为 float:right;
,它会停留在其容器的右端,直到来自左侧 div 的内容强制它下降到下一行。
所以 html:
<div class='container'>
<p id='error_message' style='display:inline;float:left;' >dfd </p>
<input type='submit' style='float:right;' name='submit'>
</div>
关于html - JQuery 内联文本移位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12538283/