2011-02-28 109 views
1

我在每一行都有一个接一个的标题。现在我想确保标题之间的垂直空间是标题1和标题2之间的x像素,标题3和标题2之间是y像素4.我可以如何确保它?在HTML中设置文本间的空白间距

+1

请显示一些代码 – 2011-02-28 12:18:59

回答

2

一些margin-bottom添加到标题1和3

1

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 
} 
+0

@thirtydot - 我改变了你的??变量返回到x和y,因为我认为它们更有意义,因为它们在原始问题中特别提到。感谢您纠正px拼写。 OP - 我假设您知道将x和y值更改为数字。 – biscuitstack 2011-02-28 13:17:30

+0

没问题,我可能不应该改变这一点。它看起来令人困惑,有'x'和'y'(它们通常指的是水平和垂直两者都是纯粹垂直的“margin-bottom”的一部分)。另外,他可能会感到困惑,并留下那里的空间,这是错误的(他可能会把'9 px')。 – thirtydot 2011-02-28 13:21:55

+0

全部都是如此。如果OP没有将它们命名为X和Y,它不会是一个好主意。我纠正了空间。 – biscuitstack 2011-02-28 13:24:57

-1

使用的风格吧,

1)为第一个标题如

<h1 style="padding-top:10px;padding-bottom:10px;">First Header</h1> 
<h1 style="padding-top:10px;padding-bottom:10px;">Second Header</h1>