데브심의 개발자 레퍼런스

 · 환경 : 크롬

 · 방법 : style 태그 내부에 아래 코드를 작성한다.

   @page { size: A4 portrait; margin:0; }   //A4 세로 출력

   @page { size: A4 landscape; margin:0; }   //A4 가로 출력

   자바스크립트에서 인쇄 시 크롬 미리보기 창이 뜨는 경우

   위에서 설정한 대로 인쇄 미리보기 설정이 바뀐 것을 확인 할 수 있다.

<th>

   대한민국<br />

   <div style="text-align:left;  display:inline-block;">

      <span>서울</span>

      <span>경기</span>

      <span>부산</span>

   <div>

</th>

div 가운데 정렬 때문에 가끔 시간을 잡아먹는 경우가 많다. 쉬운 것 같으면서도 까다로운 ?

<div style = "margin:auto; text-align:center;">

<div style = "vertical-align:middle; display:inline-block">

</div>

</div>

[출처] http://woodstar.tistory.com/44

<div style="margin:auto;text-align:center;">

<form style="display:inline-block;">

</form>

</div>