如何减少空间beetwen元素?

时间:2016-07-16 18:48:11

标签: html

有人可以告诉我如何缩短HTML中元素之间的距离吗?我想,例如,文字“Supporting Milestones”写在表格边框上面,并且“在2017年底之前关闭数据中心的那些文件”在ul元素之上?

3 个答案:

答案 0 :(得分:1)

标题元素(.order by等)的CSS边距将具有默认的上下边距。

http://www.w3schools.com/css/css_margin.asp

您可以在CSS中为这些元素更改此内容。

答案 1 :(得分:0)

您可以使用负值来使用CSS边距。



#header3 {
    margin: 0 0 0 0;
}
#header4 {
    margin: 0 0 0 0;
}
#header5 {
    margin: 0 0 0 0;
}
#header6 {
    margin-top:-20px;
}

<!DOCTYPE html>
<html>
<head></head>
<body>
<p>In this example Heading 1 and Heading 2 have the default margin values.</p>
<h1 id="header1">Heading 1</h1>
<h2 id="header2">Heading 2</h2>
<p>In this one Heading 3 and Heading 4 have the margin values set to zero.</p>
<h1 id="header3">Heading 3</h1>
<h2 id="header4">Heading 4</h2>
<p>In this one Heading 6's top margin value is set to -20px .</p>
<h1 id="header5">Heading 5</h1>
<h2 id="header6">Heading 6</h2>
</body>
</html>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

try this css file to your html page

或将te元素的边距和填充更改为0