小程序
小游戏
企业微信
微信支付
扫描小程序码分享
wxml 和wxss如何实现这样的两个文本相对于一个文本控件对齐?例如下图1xxxx是相对于名称1的,2xxxxx是相对于1xxxx,想实现css的情况~求各位大佬指点,主要是wxss的语法不知道怎么像css那样写。。
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
预期是什么没太看明白
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
是这里开始的位置是在1xxxxx之后的,想以名称1的相对位置定位,从而保证两行对齐
名称1
1xxxx
2xxxx
这样?
是的!
wxml内容:
<view class='list'>
<view class='img'>
<image></image>
</view>
<view class='title'>
<view>名称1</view>
<view>1xxxx</view>
<view>2xxxx</view>
wxss内容:
.list{
display: flex;
margin:20rpx;
}
.img{
padding:20rpx;
.img image{
width:120rpx;
height:120rpx;
border:1rpx solid #eee;
.title{
font-size:24rpx;
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
预期是什么没太看明白
名称1
1xxxx
2xxxx
这样?
是的!
wxml内容:
<view class='list'>
<view class='img'>
<image></image>
</view>
<view class='title'>
<view>名称1</view>
<view>1xxxx</view>
<view>2xxxx</view>
</view>
</view>
wxss内容:
.list{
display: flex;
margin:20rpx;
}
.img{
padding:20rpx;
}
.img image{
width:120rpx;
height:120rpx;
border:1rpx solid #eee;
}
.title{
padding:20rpx;
font-size:24rpx;
}