테스트 사이트 - 개발 중인 베타 버전입니다

게시판 제목을 두줄로 표현하고싶습니다. 채택완료

마린1 8년 전 조회 4,251

게시글을 두줄로 나오게하는방법이 있을까요?


대게 1줄에 ...표시를 사용하시는데


저는 2줄에 ...표시를 사용하고싶네요..


적절한 예문 있으면 조언 부탁드리겠습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
8년 전
게시판 설정에서 
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

한줄 소스들을 제거하신후 height값을 주신후 overflow:hidden해 주시면 될듯 합니다
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

간단하게 아래와 같이 width 와 height 로 대략적인 line 을 표현할수 있습니다.


</p><p><!DOCTYPE html></p><p><html></p><p>    <head></p><p>        <meta charset="UTF-8" /></p><p>        <title>title</title></p><p>
</p><p>        <style type="text/css"></p><p>        .board { border-collapse: collapse; }</p><p>        .board td, .board th { border: 1px solid #000; }</p><p>        .board tfoot td { border: none; text-align: center; }</p><p>
</p><p>        .subject span {</p><p>            display: inline-block;</p><p>            width: 25%;</p><p>            height: 2.0em;</p><p>            line-height: 1.05em;</p><p>            overflow: hidden;</p><p>        }</p><p>        .subject:after { content: "..."; display: inline-block; }</p><p>        </style></p><p>        </p><p>    </head></p><p>    <body></p><p>
</p><p>        <table class="board"></p><p>            <colgroup></p><p>                <col width="10%" /></p><p>                <col width="70%" /></p><p>                <col width="20%" /></p><p>            </colgroup></p><p>            <thead></p><p>                <tr></p><p>                    <th>no</th></p><p>                    <th>subject</th></p><p>                    <th>date</th></p><p>                </tr></p><p>            </thead></p><p>            <tfoot></p><p>                <tr></p><p>                    <td colspan="3">1 2 3 4 5</td></p><p>                </tr></p><p>            </tfoot></p><p>            <tbody></p><p>                <tr></p><p>                    <td>3</td></p><p>                    <td class="subject"></p><p>                        <span></p><p>                        게a시bc글을 d 두大줄韓民로 國 나오게게a시bc글을 d 두大줄韓民로 國 나오게</p><p>                        </span></p><p>                    </td></p><p>                    <td>2017-09-18</td></p><p>                </tr></p><p>                <tr></p><p>                    <td>2</td></p><p>                    <td class="subject"></p><p>                        <span></p><p>                        韓民로 國 나오게게a시bc글을 d 두大줄韓民로韓民로 國 나오게게a시bc글을 d 두大줄韓民로</p><p>                        </span></p><p>                    </td></p><p>                    <td>2017-09-17</td></p><p>                </tr></p><p>                <tr></p><p>                    <td>1</td></p><p>                    <td class="subject"></p><p>                        <span></p><p>                        c글을 d 두大줄韓民로 國 나오게게ac글을 d 두大줄韓民로 國 나오게게a</p><p>                        </span></p><p>                    </td></p><p>                    <td>2017-09-16</td></p><p>                </tr></p><p>            </tbody></p><p>        </table></p><p>
</p><p>    </body></p><p></html></p><p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인