老师,这个用定位可以吗
来源:2-4 先静后动,先样式再数据(2)
unbreakable_全栈
2020-10-14 21:27:53
.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回答
同学你好,由于老师这边同学的问题是如下样子,所以无法很好的理解你的问题:
同学是想问“circle-img ”这个元素的位置是否可以使用定位来实现吗?如果是的话,可以使用定位,同学的实现是可以的。
如果不是这个问题,还请同学详细描述一下问题,要注意截图是否正常显示。另外,提问时,输入框内的提示文字,可以删除。
祝学习愉快!
相似问题