2009-04-22 15 views
0

私は読みやすさのために最も良いマージンを見つけようとしています。標準的な用紙サイズとマージンを使用することをお勧めします。私はそれを見て、8.5のように見える標準です。私は基本的なCSSを行う方法を見て、問題にぶつかりました。CSSレイアウトの問題。余白と標準的な用紙サイズ

margin-left:1.5in; margin-right:8.0in;

左から1.5が左から始まり、右から8inが左側から始まることを除いては、右から8inが私のページを台無しにしています。ユーザーのブラウザがどの解像度になっていても、テキストの幅が7インチになるように設定するにはどうすればよいですか?

答えて

2

身体の幅を7インチに設定できます。しかし、ブラウザは自動的にあなたのためにテキストをレイアウトします。だから私は左右の余白の両方を1.5インチに設定していたでしょう。印刷に別のCSSファイルを使用することができます。

1

あなたはそれを後方から見ている:margin-rightは、ビューポート(または紙片)の右側からの幅です。だから、すべての側面に余白8.5" 1" 枚の紙のために、あなたがしたいと思います:

body{ 
     margin-left: 1in; 
     margin-right: 1in; 
     width: 6.5in; 
} 
1

the CSS Box ModelMedia Type rulesを見てみましょう。 @page rule(ページングされたメディア用)も重要です。

すでに述べたように、widthプロパティを使用して、ブロックレベルの要素の幅を定義する必要があります。 paddingmarginを使用してテキストを埋め込み、そのコンテナの周りに余白を置くことができます。このような

何かがあなたは、印刷のための文書のスタイルを指定できます:

@media print { 
    p { 
    font-family: times,serif; 
    font-size: 12px 
    margin: 1cm 2cm; 
    page-break-inside: avoid; 
    widows: 2; 
    orphans: 2; 
    } 
} 

私は、プリンタソフトウェアが自動的に指定した余白や印刷に使用されているページに基づいてテキストの寸法を決定させることをお勧めします。こうすることで、ユーザーは、どんな寸法の用紙でも簡単に印刷できます。 Here are some print-specific CSS properties印刷した文書の書式設定に使用することができます。

そして、私はセリフのフォントが印刷物(あるいは人々が言うように)で読むのが簡単だと思うので、それも考慮する価値があるかもしれません。

関連する問題