求助，hr标记占的位置过宽怎么办？

falorway

5 c$ |' H0 J5 Z0 ]' q8 s# F3 [
本人对html语言本身一窍不通。最近想用mdx格式整理一下资料（看起来美观一些），搞成像百科一样的格式，就先制作了一个草稿（见图1）来预览，发现只是插入了一个hr标签，上面的小标题就与分割线离了很远，不美观，请问这是怎么回事？可以怎么修改呢？另外，把页面粘贴到Word里面之后（见图二），发现小标题和分割线之间多了一个换行，也许就是这个换行搞的鬼吧？可是怎么在html语言中将它去掉呢？html小白一个，让各位见笑了。
' D6 S: ~- V' I5 P# L; Y图一：草稿

图二：
# A! z0 H# F, y' }' @
* b0 s3 P1 |7 _3 @  l图三：在word中删除多余的换行之后

3 B* U- O: C- q# B5 O: {2 q这是局部的代码

1. 汉昭帝刘弗陵（前94年－前74年），西汉第八位皇帝，汉武帝刘彻少子，母为赵婕妤（钩弋夫人）。<p>汉昭帝继位时年仅八岁，在霍光、金日磾、桑弘羊等辅政下，沿袭武帝后期政策，与民休息，加强北方戍防。始元六年（前81年），召开“盐铁会议”，就武帝时期盐铁官营、治国理念等问题召集贤良文学讨论，会后罢除榷酒（酒类专卖）。元凤元年（前80年），以谋反罪诛杀桑弘羊、上官桀等，专任霍光，进一步改革武帝时制度，罢不急之官，减轻赋税。因内外措施得当，武帝后期遗留的矛盾基本得到了控制，西汉王朝衰退趋势得以扭转，“百姓充实，四夷宾服”。元平元年（前74年），刘弗陵因病驾崩，年仅二十一岁，在位十三年。谥号孝昭皇帝，葬于平陵。<p>
   ! y( U7 U  `, S: e& z" r  i
2. <b><font size="5">施政</font></b><hr>汉昭帝即位后，因年幼，遵从武帝遗照，由霍光辅政。燕王刘旦等阴谋叛乱时，刘弗陵和霍光君臣相互信任，在朝廷安危的关键时刻，平定了政变，保持了西汉王朝的稳定。其后，昭帝在霍光辅政下，沿用武帝末期的严刑峻法制度，重视吏治，调查民间疾苦及冤案、官吏失职等事宜，处置纵容反叛的少府徐仁、廷尉王平、左冯翊贾胜胡等人。并先后四次察举贤良，任命杨敞为相，隽不疑为京兆尹等，明经治狱。

复制代码

onlyXXenglish

这主贴的内容而言，最简单的一个办法：把<hr>改成<br />
' I1 X7 S' Z7 {" k$ F3 x或者用CSS控制<hr>标签的样式

falorway

onlyXXenglish 发表于 2017-2-13 18:34
这主贴的内容而言，最简单的一个办法：把改成
或者用CSS控制标签的样式

谢谢，不过改成</br>的话分割线就消失了呀（本人不懂css)，要是能把分割线上边那条可恶的空行去掉就好了

deeke

<hr>
改成：
<div style="clear: both; margin: 0; border-bottom: .0625rem solid black;"></div>

mingqing007

个人还是更倾向于在能把不同性质的内容区分开的情况下, 尽量少用一些css和JavaScript, 词典还是轻些的好.

1 `7 b" C. ~& f之前见过一本内容不到1MB的词典(已经排版的情况下), 一个大量使用css的版本硬是给做成了接近40MB...

(当然, 内容比较丰富的词典, 还是很有必要的, 不过本来轻量级的词典, 就不要人工将它变成重量级了吧...)

& G# ?9 w# z5 a没有必要的情况下, 简单用用html就挺好, 楼主加油  

falorway

deeke 发表于 2017-2-14 02:01
8 M( a/ Z/ a1 Z! t4 o改成：

& Q* q3 v- W' r& j谢谢回复

falorway

谢谢各位的热心帮助，我找到了一个效果不是特别好但是简单的方法，把<p><b><font size="5">全数替换成</p><b><font size="5">似乎可以解决这个问题。