解决给div中添加文字后位置发生偏移的问题
来源:互联网 发布:赵薇事件公知 编辑:程序博客网 时间:2024/05/17 21:54
问题描述:
文字信息是通过jQuery动态添加的,为了容易看清该div的位置,暂时先将背景颜色设置为黑色。
<div id="verifyName" style="color:#ff0000;width:230px;height:30px;position:relative;left:350px;top:5px;"></div>
加入文字之后的效果图如下:
可以看到本来应该在黑色div中显示的文字信息却跑到了div下面的位置。
通过调试发现造成这种问题的原因是因为给该div设置了相对定位(;position:relative)。
解决方法就很简单了,将相对定位改为绝对定位
<div id="verifyName" style="color:#ff0000;width:230px;height:30px;position:absolute;left:350px;top:5px;"></div>
修改之后,达到了预期的效果!
阅读全文
0 0
- 解决给div中添加文字后位置发生偏移的问题
- 解决NGUI的Poplist位置偏移问题
- automaticallyAdjustsScrollViewInsets,解决TableView或scrollView添加约束后偏移问题
- 解决div中文字垂直居中的问题
- 解决IOS7下UIBarButtonItem位置有偏移的问题
- IOS:解决在ScrollView中添加子控件,子控件往下偏移的问题
- 对于MJRefresh刷新后往上偏移问题的解决
- 设置border后div发生变化的问题
- 解决DIV给flash挡住的问题
- 关于iphone 上touch事件动态改变元素位置时与touch点发生偏移的问题
- Flex中如何使用A标签解决Text中给部分文字加连接的问题。
- 35、JavaScript中DIV的完美拖拽---解决拖拽中的文字选中的问题
- 关于WdatePicker显示位置偏移的问题
- Android Toast 设置statusbar沉浸式后 文字偏移问题
- esayyui的layout嵌套布局可以解决fit自适应的位置偏移问题
- 解决echart在IE中使用时,在div中添加postion后图表不显示问题
- 如何通过微调整功能,解决打印位置上下偏移的问题?(转)
- ExtJs2.2的grid的2个Bug:滚动条以及点击点击行后发生偏移问题
- Zookeeper的可靠性是怎么保证的?
- [NOI 2008] 志愿者招募
- 浅谈继承和多态
- 剑指offer(31)—整数1出现的次数
- hadoop scheduler.capacity queues 配置
- 解决给div中添加文字后位置发生偏移的问题
- 图片上传拦截器配置
- 图片操作异常 ImageIO: CGImageReadCreateDataWithMappedFile 'open' failed
- Oracle日期、字符串格式化函数,位数不足前面加0,一位数字显示两位,格式化数字为定长
- CentOs6.5虚拟机的创建
- 关于JavaScript函数的参数按值传递而不是按引用传递的分析
- 169. Majority Element
- faster-rcnn在win10+cuda8.0+vs2013+matlab2016a下的配置
- linklist L和lintlist *L的区别