老师,这个用定位可以吗

来源:2-4 先静后动,先样式再数据(2)

unbreakable_全栈

2020-10-14 21:27:53

crab.png3.png林白衣发表于三天前传说好玩吗collection.pngshare.png暴雪的游戏都是很哈完的 ### 具体遇到的问题 > ### 报------------------------------------------错信息的截图 ---------------------------------------------- /* pages/posts/post-detail/post-detail.wxss */ .container { display: flex; flex-direction: column; }

.header-image {
width: 100%;
height: 460rpx;
}

.author-date {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 20rpx;
margin-left: 30rpx;
}

.avatar {
width: 64rpx;
height: 64rpx;
}

.author {
font-size: 30rpx;
color: #666;
margin-left: 20rpx;
font-weight: 300;
}

.const-text {
font-size: 24rpx;
color: #999;
margin-left: 20rpx;
}

.date {
font-size: 24rpx;
color: #999;
margin-left: 30rpx;
}

.title {
margin-left: 40rpx;
font-size: 36rpx;
font-weight: 700;
margin-top: 30rpx;
letter-spacing: 2px;
color: #4b556c;
}

.tool {
position: relative;
margin-top: 20rpx;
margin-bottom: 45rpx;
}

.circle-img {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 0;
}

.circle-img image {
width: 90rpx;
height: 90rpx;
margin-right: 20rpx;
}

.horizon {
border-bottom: 1px solid #f00;
}

相关课程内容截图

尝试过的解决思路和结果

粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码
写回答

1回答

好帮手慕久久

2020-10-15

同学你好,由于老师这边同学的问题是如下样子,所以无法很好的理解你的问题:

http://img.mukewang.com/climg/5f87bc1d092ace2e08250299.jpg

同学是想问“circle-img ”这个元素的位置是否可以使用定位来实现吗?如果是的话,可以使用定位,同学的实现是可以的。

如果不是这个问题,还请同学详细描述一下问题,要注意截图是否正常显示。另外,提问时,输入框内的提示文字,可以删除。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程