<span cond="$val1['icon']" style="display:block; text-align:center; line-height:15px">
    {@$val_icon1 = preg_match('/-/is', $val1['icon'])}
    {@$val_icon2 = preg_match('/./is', $val1['icon'])}
    <!--@if($val_icon1===1)-->
        <i class="{$val1['icon']}"></i>
    <!--@elseif($val_icon2===1)-->
        <img src="{$val1['icon']}" width="15" align="absmiddle" />
    <!--@else-->
        {$val1['icon']}
    <!--@end-->
</span>
 {$val1['link']}

 

웹폰트들이 거의 "-"를 사용한다는 전제 - <i class="fas fa-lightbulb"></i>

이미지파일들은 "."이 사용됨 - picture.svg

display:block은 줄바꿈 코드 - 세로정렬

valicon.png

 

더 자세한 설명 》