我試圖把一本PDF書變成一個mobi書(html),我也想重新創建佈局。 在那裏,每次休息之後,文本都是一行。 這應該是可行的與縮進行後每個<br />在HTML
<body style="text-indent:20px each-line;">
,但我做錯了什麼,因爲這是行不通的。
我不想段落這樣做,因爲這也包括在默認情況下一個空行,但這些斷裂並不總是意味着一個全新的段落......
尚不支持在瀏覽器中我試圖把一本PDF書變成一個mobi書(html),我也想重新創建佈局。 在那裏,每次休息之後,文本都是一行。 這應該是可行的與縮進行後每個<br />在HTML
<body style="text-indent:20px each-line;">
,但我做錯了什麼,因爲這是行不通的。
我不想段落這樣做,因爲這也包括在默認情況下一個空行,但這些斷裂並不總是意味着一個全新的段落......
尚不支持在瀏覽器中each-line
(見text-indent
on MDN)。但是,這是什麼時候你會想要使用時,它變得可用。
使用語義上正確的段落標記<p>
並根據需要使用CSS修改填充/邊距。
段落是進入標記級別的方式。您描述的空白行是默認情況下由Web瀏覽器添加的邊距。由於您已經在編輯樣式表來添加文本縮進,因此覆蓋這些默認邊距應該沒有任何麻煩。實際上,以下應該就夠了:
p {
margin: 0;
text-indent: 2em
}
爲什麼2em
?這意味着該段落設置的字體的字母m寬度的兩倍。因此,無論讀者如何處理他或她的個人設置(字體大小,分辨率等),縮進應與文本成正比。它也是一種排版習慣。當然,您可以將此值設置爲很多其他值,如20px
或1cm
。
語義上,段落具有含義,而換行符不含義。不要強迫方形釘入圓孔。 – 2012-07-23 20:15:09