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

falorway

: k7 a* Y7 w( Z) |1 H7 D1 U) G$ l
+ ^" ]) _! _  b3 |6 g; H本人对html语言本身一窍不通。最近想用mdx格式整理一下资料（看起来美观一些），搞成像百科一样的格式，就先制作了一个草稿（见图1）来预览，发现只是插入了一个hr标签，上面的小标题就与分割线离了很远，不美观，请问这是怎么回事？可以怎么修改呢？另外，把页面粘贴到Word里面之后（见图二），发现小标题和分割线之间多了一个换行，也许就是这个换行搞的鬼吧？可是怎么在html语言中将它去掉呢？html小白一个，让各位见笑了。
图一：草稿

9 p% i! N) t$ h' Z图二：
3 x0 L6 ]: ?1 |2 H) p. ?- @, f
图三：在word中删除多余的换行之后

这是局部的代码

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

复制代码

onlyXXenglish

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

falorway

onlyXXenglish 发表于 2017-2-13 18:34
2 t8 H; r, `, Z" `! n* e这主贴的内容而言，最简单的一个办法：把改成
* \( I! ?) ^: d! c或者用CSS控制标签的样式

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

deeke

<hr>
: Y0 X  v7 A* J0 }8 g1 W改成：
% C6 f( a& d% K, {/ a  d5 N<div style="clear: both; margin: 0; border-bottom: .0625rem solid black;"></div>

mingqing007

个人还是更倾向于在能把不同性质的内容区分开的情况下, 尽量少用一些css和JavaScript, 词典还是轻些的好.
# E" y$ E( X* c$ ~% I5 S
; [& K/ q! S' t( Q! M6 N; f1 @之前见过一本内容不到1MB的词典(已经排版的情况下), 一个大量使用css的版本硬是给做成了接近40MB...
- L/ o: q4 Y0 }/ V* _0 L* E$ p) a( Y( G$ }
(当然, 内容比较丰富的词典, 还是很有必要的, 不过本来轻量级的词典, 就不要人工将它变成重量级了吧...)
# c3 N5 f8 ~( L* v& m* J1 G' w9 n7 f
没有必要的情况下, 简单用用html就挺好, 楼主加油  

falorway

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

  W9 Q' b  {' r' K) t5 j谢谢回复

falorway

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