小程序
小游戏
企业微信
微信支付
扫描小程序码分享
怎么可以把这些文字压缩到图片的右边，并且超出部分显示省略号啊？？求助
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
父盒子
width:100% ; display: flex; flex-direction: row; // 横向布局
文字需要固定一个宽度
width: 50%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
若有帮助请帮忙点个"有用"谢谢↓↓
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
.right_text{ display: -webkit-box; -webkit-line-clamp: 2; //显示多少行 text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; }
<view class="box">
<view class="left_img">
<image src="图片的路径"> </image>
</view>
<view class="right_text">
右侧的文字
•
宽度根据需求自己设定
.box{
display:flex;
justify-content: space-between;
}
.left_img{
width:40%;
再加上上面的样式
.right_text{
width:55%;
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
父盒子
width:100% ; display: flex; flex-direction: row; // 横向布局文字需要固定一个宽度
width: 50%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;若有帮助请帮忙点个"有用"谢谢↓↓
.right_text{ display: -webkit-box; -webkit-line-clamp: 2; //显示多少行 text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; }<view class="box"><view class="left_img"><image src="图片的路径"> </image></view><view class="right_text">右侧的文字</view></view>•宽度根据需求自己设定.box{display:flex;justify-content: space-between;}.left_img{width:40%;}再加上上面的样式.right_text{width:55%;}