应用描述：

有一篇文档（几百到上千字），分成了几个区块，如开头、正文、落款。 除了正常的
排版显示，我增加了一个功能：用户点击<落款>按钮时，跳转到落款按钮块。另外，该
文档显示在一个狭小的容器区域内(div设置了固定宽度和高度)，而不是完全展开[1]。

(1)
为了实现跳转功能，增加了一个<div>用于容纳区块，并进行位置跳转。(done, 没问
题)
(2)
文档最初为做了分块标签的文本文件，最后转化为带html标签。 分块标签替换为
<div>，换行替
换为<br>。 (见附件图二 (1), (2) )

问题：
(1) <div>会造成额外的空白（通过display: table设置，还是会有一些）。见图二(5)
(2) <br>换行造成行间距变大，不好控制高度，见附件图二(4)

[1] 参考：附件图一场景
--
FROM 218.108.104.*

你给div设上border就可以看出来，造成div之间额外空行的根本不是div，而是div里的最后一行p元素——p元素总是自带额外空行的。

【 在 saynothing (止语) 的大作中提到: 】
: 标  题: Re: 问个<br>设置空白行高的问题
: 发信站: 水木社区 (Sun Aug  7 11:01:46 2016), 站内
:
: 更改为以下格式：
:        
:         <div class="doc" data-docid=1003>
: <div class="chapter object">
: <p>公诉机关浙江省瑞安市人民检察院。</p>
: <p>被告人李某。因涉嫌犯故意伤害罪，于2014年12月10日被取保候审。</p>
: <p>辩护人程翔龙，浙江玉海律师事务所律师。</p>
: </div>
: ...
:
: <div class="chapter footer">
: <p>审　判　长　　李延锁</p>
: <p>人民陪审员　　黄秀华</p>
: <p>人民陪审员　　杨协敏</p>
: <p>二〇一五年六月四日</p>
: <p>书　记　员　　陈杨杰</p>
: </div>
:
:         </div>
:
:
: css设置：
:
:        .chapter {
:                    font-size: 14px;
:                    line-height: 20px;
:                    display: table;
:                    padding: 0px 0px 0px 0px;
:                    margin: 0px 0px 0px 0px;
:                    border: 1px solid red;
:                 }
:        .footer {
:                    float: right;
:                    line-height: 28px;
:                 }
:
: 如上设置，会导致div.chapter之间有空白，见附件图
:
: (感觉很不省心，总会有这样那样的问题，不是自己预期的)
:
:
:
:
: 【 在 saynothing (止语) 的大作中提到: 】
: : 应用描述：
: : 有一篇文档（几百到上千字），分成了几个区块，如开头、正文、落款。 除了正常
: 的
: : 排版显示，我增加了一个功能：用户点击<落款>按钮时，跳转到落款按钮块。另外，
: 该
: : ...................
:
: --
:
: ※ 修改:·saynothing 于 Aug  7 11:02:21 2016 修改本文·[FROM: 218.108.104.*]
: ※ 来源:·水木社区 http://newsmth.net·[FROM: 218.108.104.*]
--
修改:saynothing FROM 218.108.104.*
FROM 36.35.240.*