css - 防止标签文本与标签上设置的背景图像重叠(jquery 验证)

标签 css jquery-validate

我已经为 jquery 生成的验证标签设置了背景图像。

my-form#formy label.error
{
background: url("/bad.gif") no-repeat scroll right center transparent;
width:200px;
position:absolute;
top:0px;
left:400px;
height:10px;
font-size:6px;
padding:0px;
margin:0px;
}

问题是,当文本太长并超过 2 行时,有时会遮挡图像。

有没有办法防止这种情况发生?

感谢期待,

最佳答案

为标签设置 white-space:nowrap 样式以防止换行到第二行。

关于css - 防止标签文本与标签上设置的背景图像重叠(jquery 验证),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8790635/

相关文章:

javascript - jQuery Validate Plugin - 如何创建一个简单的自定义规则?

javascript - 如何使用 gem 'jquery-validation-rails' 验证 AJAX 请求的表单

javascript - 在打开下一个抽屉之前关闭前一个抽屉 - Twitter bootstrap 3

css - 当我使用Webpack HMR在Chrome DevTools中更改样式时,页面样式会中断

html - 如何使用伪元素移动图像?

jquery - JS Form 验证并发送表单而不提交输入

javascript - 如果输入字段无效,则清除该输入字段

jquery - 我们如何按类指定 jQuery 验证插件的规则?

jquery - 如何在所有浏览器尺寸下调整我的 CSS 图像

asp.net - 在html中限制列宽