๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
CSS๐Ÿ”ง/css font+text ๊ด€๋ จ

css- text-overflow: ellipsis / ํ•œ์ค„ ๋ง์ค„์ž„

by hyojinny 2022. 10. 4.

.board_list_wrap .link {
    /* ๊ธ€์ž์•ˆ๋‚ด๋ ค๊ฐ€๊ฒŒ */
    white-space: nowrap;
    /* ์ž์‹ ์ด ๊ฐ€์งˆ์ˆ˜ ์žˆ๋Š” ์ตœ๋Œ€ํฌ๊ธฐ ์ง€์ • */
    max-width: 90%;
    /* ์ธ๋ผ์ธ๋ธ”๋Ÿญ์œผ๋กœ ์ง€์ •ํ•ด์•ผ 100% ๊ฝ‰ ์ฐจ์ง€์•Š๊ฒŒ  */
    display: inline-block;
    /* ํ•œ์ค„ ๋ง์ค„์ž„ (์ต์Šค๊ฐ€๋Šฅ) */
    text-overflow: ellipsis;
    /* ๋„˜์–ด๊ฐ€๋Š” ์š”์†Œ ๊ฐ€๋ฆฌ๊ธฐ */
    overflow: hidden;
}

๋Œ“๊ธ€