同样的代码,在ios上可以正常显示,在android上无法实现居中效果,
代码如下:
<div class="mui-input-row">
<input type="tel" id="msisdn_input" style="text-align: center;" class="mui-input-clear" placeholder="11位手机号码">
</div>
<div class="mui-input-row">
<input type="password" id="password_input" style="text-align: center;" class="mui-input" placeholder="密码">
</div>
<div class="mui-input-row">
<input type="tel" id="verify_input" style="text-align: center;" class="mui-input-clear" placeholder="6位短信验证码">
</div>
二八中医
- 发布:2014-10-16 10:27
- 更新:2014-10-16 14:46
- 阅读:4817
4 个回复
DCloud_UNI_FXY
android的placeholder的text-align:center有bug。
如果非要居中。可以使用js来模拟placeholder,可以搜索js placeholder参考他们的实现
DCloud_UNI_CHB
我测试了你的代码,输入框铺满屏幕,宽度为100%,不存在居中的问题;
注意一下:mui中除了导航外,其它内容要写在.mui-content类中;
DCloud_UNI_CHB
你说的是placeholder居中还是输入框自身居中?
二八中医 (作者)
placeholder的居中,