两个div层之间的空行

最新推荐文章于 2022-09-21 17:47:23 发布

liym

最新推荐文章于 2022-09-21 17:47:23 发布

阅读量3.4k

点赞数

分类专栏： JAVA 文章标签： div table

JAVA 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

有时候，我们在用层的时候会发现两个层中间多出了一个空行，但观察源代码，里面并不一定有<br>或之类的代码；这个空行是哪来的呢？

一种情况：

程序代码

<body>
<div id="container">
　　<div id="Header">top
　　</div>
　　    <div id="PageBody">
　　    <div id="Sidebar">a
　　</div>
　　    <div id="MainBody">b
　　    </div>
　　</div>
　　<div id="Footer">
　　</div>
</div>
</body>

　　这种情况，排版是非常整洁美观的，但它可能引起空行，在输出的时候，我们会发现ab之间有一个空间，导致空行的原因，就是<div>前面的排版空格，只要删掉就ＯＫ了～
程序代码

<body>
<div id="container">
<div id="Header">top
</div>
<div id="PageBody">
<div id="Sidebar">a
</div>
<div id="MainBody">b
</div>
</div>
<div id="Footer">
</div>
</div>
</body>

第二种情况：受层内form影响，一般我们会在层内放置表格，而表格内可能存在表单，这就有一个嵌套问题，在上面的博客里已经说过了，一般我们将<form>放在<table><tr>之间，或是放在<tr>之后，只是不放在<table>之外就Ok了～