스크랩
1번은 덧글과 날짜,아이콘그룹을 <BR>로 줄을 구분하였고,
2번은 덧글과 날짜,아이콘그룹을 <BR>로 줄구분없이 한 줄안에 코딩되었습니다.
그런데, 덧글이 길어져서 오른쪽 여백이 모자르게 되면...
아이콘만 아래로 내려간다거나, 날짜의 중간부분에서 줄바꿈이 일어나
UI상 좋지 않은 부분이 되버립니다.
 
이러한 문제를 해결하기 위해서는 아래와 같이 해보시기 바랍니다.

<span style="white-space:nowrap">

     <span>07-18 (일) 21:06</span>

     <span><img src="아이콘.gif"></span>

     <span><img src="버튼.gif"></span>

</span>

white-space속성은 <TD>태그의 nowrap속성과 같이...

태그내에서 줄바꿈이 일어나지 않도록 합니다.

위와 같이 적용하면,

덧글이 짧을 경우, 한 줄 안에 구현이 되고...

덧글이 길 경우, 날짜,아이콘그룹 전체가 줄바꿈을 하게 됩니다.

 [출처] 덧글달기 CSS Coding TIP|작성자 과일장수

이 게시물을...