我正在尝试使用帮助块在无效输入上显示消息,但是我不喜欢它看起来如何推动'其余的输入元素进一步向下。
两个表单输入之间有足够的空间,我希望该消息是绝对的'
说明我的意思:
以下是表单的外观:http://prntscr.com/65dojx 以下是无效输入的样子:http://prntscr.com/65dp0o
无效电子邮件的错误消息'推送'输入密码表格,看起来并不顺畅。
或者,如果有办法让它看起来更流畅,那可能会有效。
答案 0 :(得分:0)
我相信这是一种正常行为,除非你绝对定位它。如果您正在寻找一种方便它出现的方式。尝试将一些过渡添加到帮助块。您可能还必须将其添加到表单容器中。
#help-block{
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}