½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > Ä¿¹Â´ÏƼ > °ñµåÆÁ »ó¼¼º¸±â
Ä¿¹Â´ÏƼ ±¸Àα¸Á÷
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
javascript
PHP
ASP
CSS
HTML
mysql
jquery
image
mobile
API
slide
°Ô½ÃÆÇ
¸Þ´º
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
°Ô½ÃÆÇŸÀÌƲ °ñµåÆÁ / »ó¼¼º¸±â
Æ®À§ÅÍ·Î º¸³»±â
Ãßõ¼ö 1486 | Á¶È¸¼ö 48,141 | µî·ÏÀÏ 2013-08-14 16:40:34

´Ð³×ÀÓ

ÇϴþƷ¡½Å¯

Á¦¸ñ

¸ð¹ÙÀÏ ¹× ¸®½ºÆ®Çü ÅÛÇø´ ÆÄÀÏ¿¡ Àû¿ëÇϸé À¯¿ëÇÑ ellipsis ¼Ò½º
³»¿ë



À§¿Í°°ÀÌ Æ¯Á¤ ¼Ò½º³»¿¡ ÆùÆ® ¹× À̹ÌÁöµîÀÌ À߸®´õ¶óµµ ... À¸·Î Ç¥½ÃµÇ°Å³ª ¸ð¹ÙÀϸ¶´Ù º¯°æµÇ´Â ´Ù¾çÇÑ ºê¶ó¿ìÀúµî¿¡¼­

¾ÆÁÖ È¿°úÁÁÀº ¸®½ºÆ® È­¸éÀ» ±¸ÇöÇÒ ¼ö ÀÖ½À´Ï´Ù.

¹æ¹ýÀº ¾ÆÁÖ °£´ÜÇÕ´Ï´Ù.

¸ÕÀú css »ó¿¡¼­ ellipsis È¿°ú¸¦ ÁÙ text-overflow:ellipsis ¼Ò½º¸¦ style À» Àû¿ëÇÕ´Ï´Ù.


<style>
.ellip {word-break:break-all; text-overflow-mode:ellipsis-word; text-overflow-mode:ellipsis; text-overflow-mode:clip; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
</style>


ÁÖÀÇÇÏ¼Å¾ß ÇÒ ºÎºÐÀ¸·Ð word-break:break-all À» »ç¿ëÇÏÁö ¾ÊÀ¸½Ç°æ¿ì ÆùÆ®¿µ¿ªÀÇ ¼Ò½º¸¦ ¹®ÀÚ¿­·Î ÀνÄÇÏÁö ¾Ê¾Æ

'...' À̶õ ¹®ÀÚ¿­ÀÌ Ãâ·ÂµÇÁö ¾Ê»ç¿À´Ï ²À ±âÀÔÇØÁֽñ⠹ٶø´Ï´Ù.



ÀÌÈÄ ¹Ý¿µÇÒ ¸®½ºÆ® ÇüÅÂÀÇ ÅÛÇø´ Ç׸ñ¿¡ ¾Æ·¡¿Í °°ÀÌ ¹Ý¿µÇÕ´Ï´Ù.

»ùÇÿ¹Á¦´Â table ¿µ¿ª¿¡ Àû¿ëµÈ ¿¹Á¦·Î ¾î¶°ÇÑ ºê¶ó¿ìÀú¿¡¼­µµ Å©·Î½ÌÀÌ ÈǸ¢ÇÏ°Ô ¹Ý¿µµÇ¸ç, ¼Ò½ºµµ ºñ±³Àû °£´ÜÇÏ¿©

Ãʺ¸Àڵ鵵 »ç¿ëÇϽñ⠿ëÀÇÇϵµ·Ï Â¥¿©Á®ÀÖ½À´Ï´Ù.

À̶§ ¹Ýµå½Ã °¡Àå ¹Ù±ù¿¡ ½×¿©Á®ÀÖ´Â table ¿µ¿ª¿¡ style="table-layout:fixed;" ¸¦ ¼±¾ðÇØÁÖ¼Å¾ß ÇÕ´Ï´Ù.


<table style="width:100%; table-layout:fixed;">
<tr>
<td class="ellip">ÇϴþƷ¡½Å¯ °¡¶ó»ç´ë ±ä±ÛÀ» ÀÔ·ÂÇÏ¿©Áֽñ⠹ٶø´Ï´Ù.ÇϴþƷ¡½Å¯ °¡¶ó»ç´ë ±ä±ÛÀ» ÀÔ·ÂÇÏ¿©Áֽñ⠹ٶø´Ï´Ù.ÇϴþƷ¡½Å¯ °¡¶ó»ç´ë ±ä±ÛÀ» ÀÔ·ÂÇÏ¿©Áֽñ⠹ٶø´Ï´Ù.ÇϴþƷ¡½Å¯ °¡¶ó»ç´ë ±ä±ÛÀ» ÀÔ·ÂÇÏ¿©Áֽñ⠹ٶø´Ï´Ù.</td>
</tr>
</table>


À§¿Í°°Àº »óÅ·Π¸¸µé¾îÁÖ¼Å¾ß Çϸç, <table> ¾È¿¡ <table> ÀÌ ÀÖ´Â »óŶó¸é ¹Ý¿µµÇÁö ¾Ê»ç¿À´Ï Âü°íÇϽñ⠹ٶø´Ï´Ù.






Áñ°Å¿î ÀÎÅͳÝ, À¥È°¿ë¹ýÀ¸·Î ´Ù¾çÇÑ È¿°ú¸¦ ±¸ÃàÇغ¸½Ã±â ¹Ù¶ø´Ï´Ù.^^

°¨»çÇÕ´Ï´Ù.
Ãßõ½ºÅ©·¦¼Ò½ºº¸±â ¸ñ·Ï
ÀÌÀü°Ô½Ã±Û ·¹À̾î·Î ȨÆäÀÌÁö¸¦ ¸¸µé¾î º¾½Ã´Ù 2008-04-11 16:33:33
´ÙÀ½°Ô½Ã±Û ÇØÇǼַç¼Ç ÅëÇÕ°Ë»ö ºÎºÐ °³¼±ÄÚµå 2017-08-11 15:05:14