Html 如果文本也是一行，则显示两行阴影

我们正在图像上显示文本&我们正在为该文本提供阴影

如果文本为两行，则会显示两行的阴影

如果文本是一行，则它将显示一行的阴影

我们需要的是，如果文本也是一行，我们希望显示两行阴影

.fanbook-name {
    background: rgba(255, 255, 255, 0.5); /* add this */
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.fanbook-name b {
    /* bottom: 25px; */
    color: #000;
    font-size: 12px;
    /* position: relative; */
    text-transform: capitalize;
}

.fanbook-image li {
    float: left;
    margin-bottom: 1%; /* change this */
    margin-left: 0.5%;
    margin-right: 0.5%;
    position: relative; /* add this */
    width: 24%;
}

---

使用

行高*2

计算值设置

min height

。简单