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

Question

我们正在图像＆amp;上显示文字我们正在为该文本here提供影子。

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

如果text是一行，那么它将显示一行的阴影

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

.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%;
}

Answer 1

使用ScanIndexForward : false计算的值设置min-height。容易。