关于Div CSS布局:文本输入框与文本或按钮垂直不对齐
来源:互联网 发布:湖畔大学网络课程视频 编辑:程序博客网 时间:2024/05/16 15:58
在DIV里面如果包含多个DIV子元素,有时候会出现不对齐的情况。原因可能多种,说下我遇到后解决的状况。供参考。
思路:
首先把每个DIV元素都加上一个属性 border:1px solid red;
这样每个DIV模块都显而易见他们的大小。
不对齐的情况有两种:
1、模块大小仿佛,但不对齐。
此时可以尝试修改css属性里面 vertical-align,即垂直居中,如 vertical-align:middle;
如果还是有问题,可以查看一下他们的margin和padding属性是否有问题。
2、模块大小不同导致不对齐,
这个比较好解决,修改css里面的line-height属性即可。
除非是BUG,不然一般解决办法都比较简单,重点还是找出突破口。这里我觉得把DIV的边框或者底色加上来查错比较好。可以排除掉很多不必要的猜测。
另:建议长度高度等单位尽量使用em或者百分比(%)。尽可能不要用像素,因为像素(px)浏览器间的兼容性比较差。
- 关于Div CSS布局:文本输入框与文本或按钮垂直不对齐
- 关于 input 文本垂直对齐
- 文本垂直居中DIV+CSS
- CSS div文本垂直居中
- CSS div文本垂直居中
- 关于Flex文本垂直布局
- CSS 设置按钮,文本输入框
- 【css基础】文本对齐,水平对齐,垂直对齐
- 【css基础】文本对齐,水平对齐,垂直对齐
- CSS----文本缩进,文本对齐,文本装饰,文本变形,链接,垂直对齐
- 如何对齐文本与文本输入筐
- 垂直随意对齐文本
- 【CSS】关于div的对齐与网页布局
- css记录关于文本对齐问题
- css-文本垂直居中
- CSS 文本垂直居中
- css 文本图标对齐与定位二三事
- 让文本或图片在div容器中垂直居中
- PXA300+WINCE5 第一次supend 用USB wake up,activesync 连接失败问题
- AWK 详解
- 删除空格自定义函数
- 建立自己的.net类库
- 关于SOA几个问题的理解
- 关于Div CSS布局:文本输入框与文本或按钮垂直不对齐
- prototype.js开发笔记
- hibernate3 学习笔记(二) hibernate 的配置文件 hibernate.cfg.xml
- How to set background image of a component in GWTEXT
- .NET类库
- .net类库-续(MSDN)
- 新家
- .net类库-再续(MSDN)
- CSS常用技巧