微信小程序 input 输入框文本右对齐

更新日期: 2020-03-26 阅读次数: 1279 字数: 75 分类: 微信小程序

当微信小程序中 input 输入框在右侧布局时,其文本居右对齐效果更佳。

实现方法:

模板代码

<input class="nickname_input" placeholder-class="nickname_placeholder" 
           bindinput="input_nickname" placeholder="昵称" />

样式代码

.nickname_placeholder, .nickname_input {
  text-align: right;
}

效果

微信小程序 input 输入框文本右对齐

领取618阿里云/腾讯云服务器优惠券

关于作者

我是来自山东烟台的一名开发者,喜欢瞎折腾,顺便记记笔记。有敢兴趣的话题,欢迎加微信 zhongwei 聊聊。 白天写程序,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

爱评论不评论

近期节日

2020年06月11日 中国人口日
2020年06月20日 世界难民日
2020年06月21日 父亲节
2020年06月21日 夏至
2020年06月22日 中国儿童慈善活动日
2020年06月23日 国际奥林匹克日
2020年06月25日 全国土地日
2020年06月25日 端午节
2020年06月26日 国际禁毒日
2020年06月30日 世界青年联欢节
2020年07月01日 中国共产党诞生日
2020年07月01日 香港回归日
查看更多节日