파일이름이 긴 경우 윗젯으로 출력할때 위 증상과 같이 레이아웃이 깨져버립니다. 그래서 파일이름의 글자수를 24자정도 출력하고싶은데

위젯스킨 설정창에 글자수 설정하는 부분이 없네요. 글자수를 제어하려면 어떻게 해야하는지 궁금합니다.

xe버젼 : XE.1.2.5

다운로드 랭킹 스킨 : Simulz랭킹 스킨 (sz_xe)

1. list.html

  
<!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
<!--%import("css/default.css")-->
<div class="sz_download">
    <div class="sz_{$colorset}">
        <!--@if($widget_info->title)-->
        <h2>{$widget_info->title} Top {$widget_info->list_count}</h2>
        <!--@end-->
        <!--@if(count($widget_info->file_list))-->
        <ul>
        {@ $no = 1}
        <!--@foreach($widget_info->file_list as $val)-->
       
        <li>
            <div class="title">{$no}위. <a href="./{getUrl(",'document_srl',$val->upload_target_srl)}">{$val->source_filename} </a></div>
            <!--@if($widget_info->download)--><div class="download"><a href="./{$val->download_url}">[Download]</a></div><!--@end-->
            <div class="count">{$val->download_count}회</div>
            <div class="clear"></div>
        </li>
        {@ $no++}
        <!--@end-->
        </ul>
        <!--@end-->
    </div>
</div>

꼭좀 (굽신굽신)도와주세요