DS's『 행복합시다 』

Carpe Programming/etc

[css] ... (쩜쩜쩜?) 처리

nolite 2012. 5. 2. 18:13
반응형

리스트 출력 시 특정 길이만큼 잘라서 화면에 보여줘야 할 경우, DB나 JS로 처리하는 것 보다 화면에서 하는게 나은 듯..

 

ul.list1 {margin-top:8px; height:180px}


ul.list1 li {height:29px; font:12px/29px dotum; overflow:hidden; color:#666; background:url(/resources/images/main/ico_dot1.gif) bottom left repeat-x; vertical-align:top}

 

ul.list1 li a.lis_txt1 {float:left; display:inline-block; font:12px/29px dotum; color:#666; width:240px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer}


ul.list1 li span.lis_txt1 {float:left; display:inline-block; padding-left:9px; font:12px/29px dotum; color:#666; width:240px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/resources/images/main/bu_square1.gif) 0 50% no-repeat}

 

ul.list1 li span.date1 {display:inline-block; font:12px/29px dotum; color:#666; text-align:right; float:right}

728x90
반응형

'Carpe Programming > etc' 카테고리의 다른 글

[hudson setting] hudson 설치  (0) 2013.04.09
git 간편 안내서  (0) 2012.12.05
[chartFX] 설정 (포인트 별 링크 등)  (0) 2012.04.24
[coding] Doxygen 형식 - 주석  (0) 2012.01.26
[tomcat] session 공유되는 문제  (0) 2012.01.26