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

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

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

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

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

È£°¡°èºÎ|2018-07-24 11:57:44|Á¶È¸ : 40830
<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 


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

[Android] android studio ¼³Ä¡ ¹× ¼ÂÆÃ

(2)
2021-06-05 È£°¡°èºÎ 1006
113  

[Javascript] ¼ýÀÚ¸¦ ±ÛÀÚ·Î ¹Ù²ãÁÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ®

(1)
  2020-03-11 È£°¡°èºÎ 765
96  

javascript encodeURI -> php EUC-KR decode

(1)
  2019-06-18 È£°¡°èºÎ 40926
87  

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

  2018-07-24 È£°¡°èºÎ 40830
57  

Á¤±Ô Ç¥Çö½Ä

  2009-12-14 °ü¸®ÀÚ 16460
43  

³» ȨÆäÀÌÁö¿¡ ÅëÇÕ °Ë»öâ ´Þ±â

  2008-03-24 °ü¸®ÀÚ 8633
óÀ½À¸·Î ¾ÕÀ¸·Î | [1] | ´ÙÀ½ ¸¶Áö¸·