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

falorway

本人对html语言本身一窍不通。最近想用mdx格式整理一下资料（看起来美观一些），搞成像百科一样的格式，就先制作了一个草稿（见图1）来预览，发现只是插入了一个hr标签，上面的小标题就与分割线离了很远，不美观，请问这是怎么回事？可以怎么修改呢？另外，把页面粘贴到Word里面之后（见图二），发现小标题和分割线之间多了一个换行，也许就是这个换行搞的鬼吧？可是怎么在html语言中将它去掉呢？html小白一个，让各位见笑了。
图一：草稿
- X: t4 a- I2 q" X0 o  t
图二：
! y/ c" F7 p2 {
图三：在word中删除多余的换行之后
4 c9 `" P3 f( @# G' r6 Y8 c
  R, U: t6 N# V: I7 i这是局部的代码

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

复制代码

onlyXXenglish

这主贴的内容而言，最简单的一个办法：把<hr>改成<br />
或者用CSS控制<hr>标签的样式

falorway

onlyXXenglish 发表于 2017-2-13 18:34
- k. \2 m* P+ H) z" C5 ?这主贴的内容而言，最简单的一个办法：把改成
或者用CSS控制标签的样式

0 X! a+ q# i4 F% g3 T2 M谢谢，不过改成</br>的话分割线就消失了呀（本人不懂css)，要是能把分割线上边那条可恶的空行去掉就好了

deeke

<hr>
2 B& S7 y6 u1 h改成：
<div style="clear: both; margin: 0; border-bottom: .0625rem solid black;"></div>

mingqing007

" D& V& b( U+ M. C8 z* t个人还是更倾向于在能把不同性质的内容区分开的情况下, 尽量少用一些css和JavaScript, 词典还是轻些的好.
. r" L8 I* G4 D6 S: n
/ V. v8 t" ]6 L. n之前见过一本内容不到1MB的词典(已经排版的情况下), 一个大量使用css的版本硬是给做成了接近40MB...
8 L! ^) F9 Y1 K% u( a$ O: E4 P# u
(当然, 内容比较丰富的词典, 还是很有必要的, 不过本来轻量级的词典, 就不要人工将它变成重量级了吧...)
# X7 d8 k) q/ ~. {9 G. m- b
没有必要的情况下, 简单用用html就挺好, 楼主加油  

falorway

deeke 发表于 2017-2-14 02:01
改成：

5 O( Q% ^+ M. s7 m" ?6 ]7 }2 [: z* l谢谢回复

falorway

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