css怎么把文字放图片左下角

Question

css怎么把文字放图片左下角？如图这样

<view class="shop-bug">
                    <image class="shop-img" src="../../static/tab/img.jpg"></image>
                    <p class="dynamicText">{{item.dynamicText}}

                </view>

.shop-bug {
        position: relative;
    }
    
    .dynamicText {
        position: absolute;
        top: 0;
    }
    
    .shop-img {
        width: 90%;
        height: 200px;
        border-radius: 20px;
        background-color: #2cb6fe;
        margin-left: 5%;
        margin-top: 20px
    }

Answer 1

.dynamicText {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2; //有需要的话可以设置
}