[CSS] td 안에 이미지가 있을 경우 약간의 공백이 생기는 경우

<div style=”font-size:0px;”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td><img src=”test2.jpg” /></td>
</tr>
<tr>
<td><img src=”test2.jpg” /></td>
</tr>
</table>
위처럼 font-size:0px 을 지정해주면 된다.

가운데 정렬시 페이지 스크롤바가 보이면서 왼쪽으로 깜빡하는 현상 없애기

body {margin: 0 auto; width: 960px;} 스타일을 이용해서 가운데 정렬을 많이 하는데, 페이지가 길어서 오른쪽에 스크롤바가 생기는 경우 스크롤바 폭 만큼 페이지가 급히 왼쪽으로 이동하는 현상이 발생한다. 당연한 현상이지만 맘에 안드시는 분은 스크롤바를 처음부터 표시하는 방법으로 이 현상을 피해갈 수 있다.
HTML {overflow-y: scroll;}

띄어쓰기 하지 않은 영어문장 줄바꿈 하는 방법

영문을 띄어쓰기 없이 길게 쓸경우 줄바꿈이 안되는데 모든 부라우져에서 사용가능한 해결방법은 없는 것 같다.

word-break 스타일은 IE에서만 사용할 수 있다.
style=”word-break:break-all”
특수문자를 제외하고 강제 줄바꿈

style=”word-wrap:break-word”
특수문자를 포함하고 강제 줄바꿈

style=”word-break:nowrap”
width를 지정하였지만 개행이 되지 않기를 원할때 사용.

style=”word-break:keep-all”
텍스트가 한글일 경우 띄워쓰기 기준으로 개행된다.

 
* FF3.0 에서는 width 도 넣어줘야 한다.

*텍스트제한(강제 줄바꿈방지; 텍스트 길이제한;)

width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;