移动端web开发之坑---input内文字与同行文字不对齐问题
来源:互联网 发布:linux高级编程 编辑:程序博客网 时间:2024/06/03 18:40
<p><input type="text" placeholder="请输入需要兑换金额数目"> 港币</p>
1、
在chrome中设置
p{ display: flex;justify-content: flex-start;align-items: center}
就可以很好的解决对齐的问题,因为input框中的文字本身就是垂直居中的
在ios中,input内文字的靠下,顶框与同行文字对齐,设置input vertical-align:top;效果良好
在安卓中,input内文字靠上,设置input vertical-align:text-bottom;效果良好
(多台手机已验证)
2、设置input的line-height
阅读全文
0 0
- 移动端web开发之坑---input内文字与同行文字不对齐问题
- 表单元素与提示文字无法对齐的问题(input,radio,checkbox文字对齐)
- 表单元素与提示文字无法对齐的问题(input,checkbox文字对齐)
- label 文字与input 垂直居中对齐问题
- css-input与文字的对齐
- 让文字与input居中对齐
- css-input与文字的对齐
- 一行文字内图片与文字垂直对齐的方法
- web 开发笔记“图片文字居中对齐”
- checkbox 文字与多选框的对齐问题
- 复选框单选框与文字对齐问题
- word2007中公式与文字对齐问题
- 复选框与文字对齐的问题
- 复选框、单选框与文字对齐问题
- checkbox与文字居中对齐问题
- input checkbox 与 后面的 label文字对齐
- 文字垂直对齐问题
- “<textarea>”内的文字对齐
- LintCode-最长连续序列
- 北京大学可视化发展前沿研究生暑期学校Day3
- JZOJ 3712【NOI2014模拟6.30】石中剑的考验
- jzoj. 3523. 【NOIP2013模拟11.7A组】JIH的玩偶(tree)
- XILINX rom ram IP 核 如何编写coe 文件
- 移动端web开发之坑---input内文字与同行文字不对齐问题
- java实现记住密码功能(利用cookie)
- 【算法和数据结构】—— 1.选择排序、插入排序
- FastDFS常见问题
- Dubbo框架初步认识
- [bitset]BZOJ 3687——简单题
- C语言基础试题
- 矩阵链乘的变换
- [C/C++] 分解质因数