๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ธํ„ฐ๋„ท7

๐Ÿ“Œ CSS ๋ง์ค„์ž„ : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ๊ธ€์ž๋ฅด๊ธฐ width:auto. ์ œ๋ชฉ์ด ๊ธธ ๊ฒฝ์šฐ ...๋กœ ํ‘œ์‹œ ๊ฒŒ์‹œํŒ์„ ๊ฐœ๋ฐœํ•  ๋•Œ ๊ท€์ฐฎ์€ ์ž‘์—…์ค‘์˜ ํ•˜๋‚˜๊ฐ€ ์ œ๋ชฉ์„ ๋ฆฌ์ŠคํŠธ ํญ์— ๋งž์ถฐ์„œ ๋ง์„ ์ค„์ด๋Š” ๊ฒƒ์ด๋‹ค. ์„œ๋ฒ„ ๋‹จ์—์„œ ๋ฏธ๋ฆฌ ๊ธธ์ด๋ฅผ ๊ณ„์‚ฐํ•ด์„œ ์ถœ๋ ฅํ•  ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ์‚ฌ์ดํŠธ ํŠน์„ฑ์ƒ ๊ฒŒ์‹œํŒ์˜ ์ข…๋ฅ˜๊ฐ€ ๋‹ค์–‘ํ•˜๋‹ค๊ฑฐ๋‚˜ ํ•˜๋ฉด, ์€๊ทผํžˆ ๊ท€์ฐฎ์€ ์••๋ฐ•์œผ๋กœ ๋‹ค๊ฐ€์˜ค๊ฒŒ ๋œ๋‹ค. ์ด๋Ÿด๋•Œ ์œ ์šฉํ•œ ๊ฒƒ์ดtext-overflow:ellipsis; white-space:nowrap; overflow:hidden; ์กฐํ•ฉ์ด๋‹ค. ์ด๊ฑธ ์“ฐ๋ฉด ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด -์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ ์ด๋ ‡๋˜ ๋…€์„์ด ์ด๋ ‡๊ฒŒ ๋ฐ”๋€๋‹ค. ์†Œ์Šค์—์„œ ๋ณผ๋“œ์ฒ˜๋ฆฌ ํ•ด๋‘” ๋ถ€๋ถ„์ด ์ค‘์š”ํ•œ ๋ถ€๋ถ„์ธ๋ฐ, vf_360์„ id๋กœ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๊ฒŒ ํ–ˆ๊ณ , width:auto; ์†์„ฑ์„ ๋ถ€.. 2019. 6. 22.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”