dz¼±µµ¿ò¸»...

¤ýÈ£°¡°èºÎ¸¦ ½ÃÀÛÆäÀÌÁö·Î

ÀºÇà Ä«µå Áõ±Ç º¸Çè ºÎµ¿»ê

     
My Áñ°Üã±â ¼öÁ¤
[¹«·á]  ¿À´ÃÀÇ ¿î¼¼  /  ¹ÙÀÌ¿À¸®µë
¿©±â´Â ȸ¿ø´ÔÀÌ Á÷Á¢ µî·ÏÇϽÅ
Áñ°Üã´Â »çÀÌÆ®°¡ Ãâ·ÂµË´Ï´Ù.
ÄÄÇ»ÅÍ¿Í °ü·ÃÀÖ´Â ¸ðµç ÆÁÀ» °øÀ¯ÇսôÙ.

CSS·Î ±ÛÀÚ ÀÚ¸£±â ¹× ¸»ÁÙÀÓ Ç¥½Ã Çϱâ

È£°¡°èºÎ|2018-07-24 11:57:44|Á¶È¸ : 40835
<style>
.wordCut {
    /* ³ÐÀ̸¦ ÁöÁ¤ÇÒ ¼ö ÀÖ°ÔÇÏ´Â ¼ÓÁ¤
    block : ºÎ¸ð ³ÊºñÀÇ 100%
    inline-block : ÀÏÁ¤ÇÑ °íÁ¤µÈ ³Êºñ¸¦ ÁöÁ¤ÇÒ¶§ (width ¼Ó¼ºÀ» ¼ö¹ÝÇÑ´Ù)
    */
    display: inline-block;
    /* ³Êºñ¸¦ ÁöÁ¤ÇÏ´Â ¼Ó¼º */
    width: 400px;
    /* ±ÛÀÚ¼ö°¡ ÇØ´ç ³Êºñ¸¦ ÃÊ°úÇصµ ÁÙ¹Ù²Þ ±ÝÁö ¼Ó¼º*/
    white-space: nowrap;
    /* ±ÛÀÚ¼ö°¡ ÇØ´ç ³Êºñ¸¦ ÃÊ°úÇÏ´Â ºÎºÐÀ» ¼û±èÀ¸·Î ¼³Á¤ */
    overflow: hidden;
    /* ¼û°ÜÁö´Â ¿µ¿ªÀ» ¸»ÁÙÀÓÇ¥·Î ¼³Á¤ */
    text-overflow: ellipsis;
}
</style>
<div class="wordCut">³ª¶ù¸»½Î¹Ì µä±Î¿¡ ´Þ¾Æ ¹®ÀÚ¿Í·Î ¼­¸£ »ç¸Àµð ¾Æ´ÏÇÒ½ê ÀÌ·± ÀüÂ÷·Î ¾î¸° ¹é¼ÍÀÌ ´Ï¸£°íÁ® 홇º£À̼ŵµ ¸¶Âü³× Á¦ ¶ßµé ½Ã·¯Æìµð 몯핧 ³ë¹ÌÇϴϾÆ</div>




TAG : ¸»ÁÙÀÓ  ±ÛÀÚ  ÀÚ¸£±â  ¸»ÁÙÀÓÇ¥½Ã  CSS 


¹øÈ£ Á¦             ¸ñ ÷ºÎ ÀÛ ¼º ÀÏ ÀÛ¼ºÀÚ Á¶È¸
121  

[¿¢¼¿] ¼¿¿¡ ³¯Â¥ ÀÔ·Â ´ÜÃàÅ°

  2022-06-30 È£°¡°èºÎ 230
106  

CSS3 ¹Ìµð¾îÄõ¸® @media ±ÔÄ¢ ÀÌÇØ.

  2019-09-09 È£°¡°èºÎ 4668
103  

[Android] »óŹ٠¾ø¾Ö±â

2019-08-13 È£°¡°èºÎ 1761
82  

°ø°øÀúÀÛ¹° ÀÚÀ¯ÀÌ¿ë »çÀÌÆ®

  2015-06-16 È£°¡°èºÎ 12270
76  

[¿¢¼¿] ¼ýÀÚ Ãµ´ÜÀ§ ±âÈ£ Ç¥½ÃÇÏ´Â ÇÔ¼ö

  2014-10-09 È£°¡°èºÎ 11150
70  

Internet Explorer¿¡¼­ À¥ ÆäÀÌÁö¸¦ ÀμâÇϰųª Àμ⠹̸® º¸±â¸...

  2014-02-28 È£°¡°èºÎ 11327
53  

ÄÄÇ»ÅÍ¿¡¼­ Windows XP ¼­ºñ½º ÆÑ 3À» Á¦°ÅÇÏ´Â ¹æ¹ý

  2008-12-18 °ü¸®ÀÚ 30634
29  

±¸±Û Åø¹Ù Æ˾÷ Çã¿ë

  2007-04-13 °ü¸®ÀÚ 8187
21  

[¸®´ª½º] vi ÆíÁý±â

  2007-04-03 °ü¸®ÀÚ 5029
17  

Outlook Express ÀÇ ¸ÞÀÏ ¹é¾÷

  2006-05-19 °ü¸®ÀÚ 5609
12  

ÀͽºÇ÷η¯ÀÇ ´Ý±â ¹öÆ° µîÀÌ ¼ýÀÚ·Î º¸À϶§

  2006-03-18 °ü¸®ÀÚ 4669
3  

À©µµ¿ìÅ°¿Í °°ÀÌ »ç¿ëµÇ´Â ´ÜÃàÅ°

  2005-10-03 °ü¸®ÀÚ 4613
óÀ½À¸·Î ¾ÕÀ¸·Î | [1] | ´ÙÀ½ ¸¶Áö¸·