我在每一行都有一個接一個的標題。現在我想確保標題之間的垂直空間是標題1和標題2之間的x像素,標題3和標題2之間是y像素4.我可以如何確保它?在HTML中設置文本間的空白間距
回答
一些margin-bottom
添加到標題1和3
HTML:
<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<h4>Heading Four</h4>
CSS:
h1 {
margin-bottom: Xpx;
}
h3 {
margin-bottom: Ypx
}
@thirtydot - 我改變了你的??變量返回到x和y,因爲我認爲它們更有意義,因爲它們在原始問題中特別提到。感謝您糾正px拼寫。 OP - 我假設您知道將x和y值更改爲數字。 – biscuitstack 2011-02-28 13:17:30
沒問題,我可能不應該改變這一點。它看起來令人困惑,有'x'和'y'(它們通常指的是水平和垂直兩者都是純粹垂直的「margin-bottom」的一部分)。另外,他可能會感到困惑,並留下那裏的空間,這是錯誤的(他可能會把'9 px')。 – thirtydot 2011-02-28 13:21:55
全部都是如此。如果OP沒有將它們命名爲X和Y,它不會是一個好主意。我糾正了空間。 – biscuitstack 2011-02-28 13:24:57
使用的風格吧,
1)爲第一個標題如
<h1 style="padding-top:10px;padding-bottom:10px;">First Header</h1>
<h1 style="padding-top:10px;padding-bottom:10px;">Second Header</h1>
- 1. 文本之間的HTML自動間距
- 2. 空白間距問題
- 3. 垂直間距的Wordpress HTML編碼標準(HTML標籤之間的空白)?
- 4. 在html中插入兩個單詞之間的空白空間
- 5. div和div之間的差距;文本和div之間的空白
- 6. 如何在TextView的文本中設置行間距
- 7. wxWidgets的間距/空白邊框
- 8. 文本中的div之間的間距?
- 9. 在Emacs中獨立配置C空白和Python空白空間
- 10. HTML頁面底部的空白空間
- 11. CSS HTML奇怪的空白空間
- 12. uiLabel文字中單詞之間的空白差距很大
- 13. 兩條白色,空間之間的替換文本中的R
- 14. 如何設置圖像與文本之間的間距在AS3的TextFlow
- 15. C中的空白空間
- 16. CLASSPATH中的空白空間
- 17. 如何在tableLayoutPanel中設置列間距
- 18. divs之間的空白區域,即使邊距和填充設置爲0
- 19. Eclipse代碼格式化程序:在空白塊中的間距
- 20. Java或Eclipse'空白'在空白空間(?)
- 21. 設置UILabel行間距
- 22. HTML - 表中的行之間的間距
- 23. 設置gridspec中ticks之間的距離
- 24. 設置選擇框中的間距
- 25. HTML中表單之間的間距
- 26. 額外的HTML5空白區域白色間距
- 27. WPF:減少/刪除TextBlock中文本上方的空白空間
- 28. 是否可以設置畫布文本的字母間距?
- 29. PHP:空白空間
- 30. 動態放置空白空間
請顯示一些代碼 – 2011-02-28 12:18:59