overflow : hidden , text - overflow : ellipsis (±ÛÀÇ ±æÀÌ°¡ ÄÀÇ ±æÀ̸¦ ³Ñ¾î°¥ °æ¿ì ... ·Î ´ëü ) |
|
|
![](icon/private_name/1.gif) |
12³â Àü |
overflow : hidden
=> ±ÛÀÇ ±æÀÌ°¡ ÄÀÇ ±æÀ̸¦ ³Ñ¾î°¥ °æ¿ì ¼û°ÜÁÖ´Â ±â´ÉÀ» ÇÔ.
text-overflow : ellipsis
=> ±ÛÀÇ ±æÀÌ°¡ ÄÀÇ ±æÀ̸¦ ³Ñ¾î°¥ °æ¿ì ... ·Î ´ëü ÇØÁÖ´Â ±â´É.
À¯ÀÇÁ¡ 1. ±æÀÌ°¡ Á¤ÇØÁ® ÀÖ¾î¾ß ÇÑ´Ù.
=> ´ç¿¬ÇÏ°Ôµµ ±æÀ̸¦ Á¤ÇØ ³õÁö ¾ÊÀ¸¸é ÄÀÌ ¾Ë¾Æ¼ Ä¿Áö´Ï Àû¿ëÀÌ µÇÁö ¾Ê´Â´Ù.
=> width ÁöÁ¤. ¸¸ÀÏ table À̶ó¸é table-layout : fixed, < colgrou > ÅÂ±× , µîÀ¸·Î Å©±â°¡ µ¿ÀûÀ¸·Î ´Ã¾î³ªÁö ¾Ê°Ô ÇØÁØ´Ù.
À¯ÀÇÁ¡ 2. text-overflow: ellipsis°¡ Àû¿ëµÇ±â À§Çؼ± ±ÛÀÌ ÇÑÁÙÀ̾î¾ß ÇÑ´Ù.
=> white-space:nowrap; À̳ª < nobr > ű׸¦ ¾´´Ù.
|
|
̵̧ : 665 |
̵̧
¸ñ·Ï
|
|