최신갤러리 제목 관련 재질문입니다.

최신갤러리 제목 관련 재질문입니다.

QA

최신갤러리 제목 관련 재질문입니다.

본문

최신갤러리 제목이 길어지면 한줄인 상태로 이미지 가로크기에서 잘려지는데요

제목길이가 길어도 잘리지 않고 다음줄로 자동으로 넘어가도록 하려면 어디를 어떻게 수정해야 되나요? 

 

-- latest.skin.php ------------------------------------------------------------------------------------------

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 250;
$thumb_height = 250;
?>

<div class="pic_lt my_shadow h-100">
    <h4 class="lat_title"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>">
 <?php if($bo_table=="top_member") { ?><img src='<?php echo G5_THEME_IMG_URL ?>/modern/top_member_t.gif' border='0' align='absmiddle'>
    <?php } else if($bo_table=="vietnam_member") { ?><img src='<?php echo G5_THEME_IMG_URL ?>/modern/vietnam_member_t.gif' border='0' align='absmiddle'>
    <?php } else if($bo_table=="philippine_member") { ?><img src='<?php echo G5_THEME_IMG_URL ?>/modern/philippine_member_t.gif' border='0' align='absmiddle'>
        <?php } else if($bo_table=="combodia_member") { ?><img src='<?php echo G5_THEME_IMG_URL ?>/modern/cambodia_member_t.gif' border='0' align='absmiddle'>
                <?php } ?>
 
 
</a></h4>
    <ul class="row">
    <?php
    for ($i=0; $i<count($list); $i++) {
    $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
 
  
 
 $file_source=$thumb['src'];
 $file_source=str_replace("http://","", $file_source);
 $file_source=str_replace($_SERVER['HTTP_HOST'],"", $file_source);

    if($thumb['src']) {
        $img = $thumb['src'];
    } else {
        $img = G5_THEME_IMG_URL.'/no_image.png';
        $thumb['alt'] = '이미지가 없습니다.';
    }
 
 if ($i > 0)
  $img=$latest_skin_url."/image.php?f=".$file_source;

    $img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';
    ?>
        <li class="col-lg-3 col-md-3 col-6 mb-1">        
            <a href="<?php echo $list[$i]['href'] ?>" class="lt_img"><?php echo $img_content; ?></a>
            <div class="max-lines">
            <?php
           // if ($list[$i]['icon_secret']) echo "<i class=\"fa fa-lock\" aria-hidden=\"true\"></i><span class=\"sound_only\">비밀글</span> ";

            //if ($list[$i]['icon_new']) echo "<span class=\"new_icon\">N<span class=\"sound_only\">새글</span></span>";

            //if ($list[$i]['icon_hot']) echo "<span class=\"hot_icon\">H<span class=\"sound_only\">인기글</span></span>";

            echo "<a href=\"".$list[$i]['href']."\"> ";
            if ($list[$i]['is_notice'])
                echo "<strong>".$list[$i]['subject']."</strong>";
            else
                echo $list[$i]['subject'];

            // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
            // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

             //echo $list[$i]['icon_reply']." ";
           // if ($list[$i]['icon_file']) echo " <i class=\"fa fa-download\" aria-hidden=\"true\"></i>" ;
            //if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;

            if ($list[$i]['comment_cnt'])  echo "
            <span class=\"lt_cmt\">+ ".$list[$i]['wr_comment']."</span>";
            echo "</a>";
            echo "</div>";
            ?>
   
        </li>
    <?php }  ?>
    <?php if (count($list) == 0) { //게시물이 없을 때  ?>
    <li class="empty_li">게시물이 없습니다.</li>
    <?php }  ?>
    </ul>
    <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_more"><span class="sound_only"><?php echo $bo_subject ?></span><img src='<?php echo G5_THEME_IMG_URL ?>/modern/more.gif' border='0' align='absmiddle'></a>

</div>

 

 

 

 

 

 

-- style.css --------------------------------------------------------------------------------------------------

 

@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt{position:relative;overflow:hidden;border: 1px solid rgba(0,0,0,.125);background:#fff;border-radius: .25rem;}
.pic_lt .lat_title {display:block;background-color:rgba(0,0,0,.03);padding:0 20px;line-height:35px;font-size:1.5rem;border-bottom:1px solid rgba(0,0,0,.125);color:#253dbe;}
.pic_lt .lat_title a{color:rgb(90, 90, 90);text-decoration:none;display:inline-block;position:relative}
.pic_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background: #007bff;content:''}
.pic_lt .lt_more {position:absolute;top:5px;right:10px;display:block;width:80px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover{color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul{padding:10px 15px 0;list-style-type:none;margin-bottom:0}
.pic_lt li{padding:0 10px}
.pic_lt li .lt_img{margin:5px 0 10px;display:block}
.pic_lt li .lt_img img{width:100%;height:auto}
.pic_lt li a {color:rgb(90, 90, 90);text-decoration:none;line-height:1.5rem;}
.pic_lt li a:hover{color:#333}
.pic_lt li .fa-heart{color:#ff0000;}
.pic_lt li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.7em;font-weight: 600;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.pic_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.7em;font-weight: 600;color:#fff;background:#0069d9;text-align:center;border-radius: 2px;}
.pic_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.7em;font-weight: 600;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.pic_lt li .fa-caret-right{color:#bbb}
.pic_lt .lt_cmt{color:#222; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.pic_lt .lt_date{display:block;margin-top:5px;color: #333;line-height:1.5rem;font-size:0.85rem;}
.max-lines {display: block;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;max-height: 1.6rem;line-height: 1.6rem;}

 

이 질문에 댓글 쓰기 :

답변 2

답변을 작성하시기 전에 로그인 해주세요.
전체 953
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT