テキストが1行の場合に2行の影を表示する

Question

画像に&の文字を表示しています。here。

テキストが2行の場合、2行分のシャドウが表示されます。

テキストが1行が1行のために影を表示するよりも、ある場合

我々はテキストが1行であれば、我々は影のディスプレイ2行にしたいです必要なもの

また。 line-height * 2計算値min-heightを設定

.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

。簡単です。