小程序
小游戏
企业微信
微信支付
扫描小程序码分享
input 组件内容显示不全（显示的长度不满 input 宽度）如何处理？
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
给input设置flex: 1;
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
加了padding了把
检查下 WXSS看看
<view class="item_layout">
<view class="item_label">
<view class="item_mark_red">*</view>标<text decode>    </text>题:
</view>
<input class="item_input" name="title" type="text" placeholder="请输入标题" />
.item_layout {
display: flex;
align-items: center;
font-size: 30rpx;
padding: 20rpx 0;
}
.item_label {
color: #333;
margin-right: 20rpx;
.item_mark_red {
color: red;
float: left;
.item_mark_invisible {
color: #00000000;
.item_input {
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
给input设置flex: 1;
加了padding了把
检查下 WXSS看看
https://developers.weixin.qq.com/community/develop/doc/00044619dbc260890eec776bf51000
<view class="item_layout"><view class="item_label"><view class="item_mark_red">*</view>标<text decode>    </text>题:</view><input class="item_input" name="title" type="text" placeholder="请输入标题" /></view>.item_layout {display: flex;align-items: center;font-size: 30rpx;padding: 20rpx 0;}.item_label {color: #333;margin-right: 20rpx;}.item_mark_red {color: red;float: left;}.item_mark_invisible {color: #00000000;float: left;}.item_input {color: #333;}