2

PDFブックをmobiブック（html）に変換しようとしていますが、レイアウトも再現したいと思います。そこでは、すべての休憩の後、テキストは1行を対象としています。これはで実行可能である必要があります

<body style="text-indent:20px each-line;">

しかし、それが機能しないので、私は何か間違ったことをしています。

デフォルトでは空白行も含まれているため、段落でこれを実行したくありませんが、これらの区切りは必ずしも完全に新しい段落を意味するわけではありません...

4

4 に答える 4

2

each-lineブラウザではまだサポートされていません（text-indentMDNを参照）。ただし、これは利用可能になったときに使用したいものです。

于 2012-07-23T20:17:39.970 に答える
2

意味的に正しい段落タグ<p>を使用し、CSSを使用して必要に応じてパディング/マージンを変更します。

于 2012-07-23T20:21:28.290 に答える
1

段落は、マークアップレベルに進む方法です。説明する空白行は、デフォルトでWebブラウザによって追加されるマージンです。すでにスタイルシートを編集してテキストのインデントを追加しているので、これらのデフォルトの余白を上書きするのはまったく面倒ではありません。実際、次の点で十分です。

p {
    margin: 0;
    text-indent: 2em
}

なぜ2emですか？これは、段落が設定されている書体の文字mの2倍の幅を意味します。したがって、読者が個人設定（フォントサイズ、解像度など）をどのように使用する場合でも、インデントはテキストに比例する必要があります。それはまた、活版印刷の慣習のようなものです。もちろん、この値をやなどの他の多くのものに設定することもでき20pxます1cm。

于 2012-07-24T00:39:00.403 に答える
-1

コードスニペットを実行すると、コピーして貼り付けたり、遊んだりできるHTMLテキストの例が表示されます。

お役に立てれば。これは、テキストを適切と思われる方法で配置する方法です。ありがとう！

    <!DOCTYPE html>
    <html>

    <body>

    <style>
    	h3 {
    		text-indent: 25px;
    	   }
    	
    	h3.small {
    			  line-height: 0.2;
    			  margin-top: 0em;
    			  margin-bottom: 0em
    			 }

    	h4.small {
    			  line-height: 0.2;
    			  margin-top: 1.5em;
    			  margin-bottom: 1em;
    		     }
    </style>
      
      <h1>Example</h1>
      
      <h3 class="small">Put text where you want</h3>
      
      <pre style="font-family:verdana">
    	    This text will keep spacing. 
    	        This this line too.</pre>
    	
      <h4 class="small", style="text-indent: 50px">
    	This is how to make the above example, hope it helps:
      </h4>
    	
    <pre>
    &lt;html&gt;

    &lt;body&gt;

      &lt;style&gt;
    	h3 {
    		text-indent: 25px;
    	   }
    	
    	h3.small {
    			  line-height: 0.2;
    			  margin-top: 0em;
    			  margin-bottom: 0em
    			 }

    	h4.small {
    			  line-height: 0.2;
    			  margin-top: 1.5em;
    			  margin-bottom: 1em;
    		     }
    	&lt;/style&gt;
      
      &lt;h1&gt; Example &lt;/h1&gt;
      
      &lt;h3&gt; class="small">Put text where you want &lt;h3&gt;
      
      &lt;pre&gt; style="font-family:verdana"
    	    This text will keep spacing as formated in HTML file. 
    	        This line too.&lt;/pre&gt;
      &lt;/body&gt;
    &lt;/html&gt;</pre>
    REFERENCE:
    W3schools.com link to HTML <pre> Tag:
    https://www.w3schools.com/tags/tag_pre.asp

    W3schools.com link to HTML line height:
    https://www.w3schools.com/css/tryit.asp?filename=trycss_line-height

    W3schools.com link to HTML <p> tag default options:
    https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_p_default_css</pre>
    </body>
    </html>

于 2019-08-12T18:10:29.987 に答える