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

falorway

3 J6 Z4 s* A5 ^1 z  F# V/ M: ]! a
本人对html语言本身一窍不通。最近想用mdx格式整理一下资料（看起来美观一些），搞成像百科一样的格式，就先制作了一个草稿（见图1）来预览，发现只是插入了一个hr标签，上面的小标题就与分割线离了很远，不美观，请问这是怎么回事？可以怎么修改呢？另外，把页面粘贴到Word里面之后（见图二），发现小标题和分割线之间多了一个换行，也许就是这个换行搞的鬼吧？可是怎么在html语言中将它去掉呢？html小白一个，让各位见笑了。
! D& s- U, ?5 ^+ ~图一：草稿

图二：
/ O7 C. z; |+ L7 M, G" H
图三：在word中删除多余的换行之后
/ ?" U5 h6 e: j/ f- O
这是局部的代码

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

复制代码

onlyXXenglish

这主贴的内容而言，最简单的一个办法：把<hr>改成<br />
4 u  @$ ?2 ^7 G或者用CSS控制<hr>标签的样式

falorway

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

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

deeke

<hr>
' J( w3 `+ h- Y( O$ _+ e/ E0 k改成：
" ]; A/ |0 f0 j5 D; Q: L/ W! D; V<div style="clear: both; margin: 0; border-bottom: .0625rem solid black;"></div>

mingqing007

2 z% ^  e5 @% l4 m1 G+ J
' x# c! o: N9 o: d" K; d5 X个人还是更倾向于在能把不同性质的内容区分开的情况下, 尽量少用一些css和JavaScript, 词典还是轻些的好.
2 u$ D9 D7 k; R7 q1 h3 c% z
之前见过一本内容不到1MB的词典(已经排版的情况下), 一个大量使用css的版本硬是给做成了接近40MB...
$ ?! t5 n( l8 K- }/ ~+ _
(当然, 内容比较丰富的词典, 还是很有必要的, 不过本来轻量级的词典, 就不要人工将它变成重量级了吧...)
# C3 k( V0 }5 E* H7 s
没有必要的情况下, 简单用用html就挺好, 楼主加油  

falorway

deeke 发表于 2017-2-14 02:01
# g0 U) K* |2 z0 O$ ~8 ^3 \$ U改成：

0 |6 y7 b# L4 |8 [  `% @. c谢谢回复

falorway

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