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

falorway

: D. Z8 N1 d3 @: U* H7 {2 f
本人对html语言本身一窍不通。最近想用mdx格式整理一下资料（看起来美观一些），搞成像百科一样的格式，就先制作了一个草稿（见图1）来预览，发现只是插入了一个hr标签，上面的小标题就与分割线离了很远，不美观，请问这是怎么回事？可以怎么修改呢？另外，把页面粘贴到Word里面之后（见图二），发现小标题和分割线之间多了一个换行，也许就是这个换行搞的鬼吧？可是怎么在html语言中将它去掉呢？html小白一个，让各位见笑了。
$ U9 c8 J- p1 C* w2 |/ d7 D; e" l+ r4 E! A图一：草稿

. W" Z6 A( ~8 y5 I" R图二：

图三：在word中删除多余的换行之后

这是局部的代码

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

复制代码

onlyXXenglish

这主贴的内容而言，最简单的一个办法：把<hr>改成<br />
5 v  C/ g/ t" F" i, i; w或者用CSS控制<hr>标签的样式

falorway

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

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

deeke

<hr>
改成：
  ?% q# V6 {1 o0 P5 f<div style="clear: both; margin: 0; border-bottom: .0625rem solid black;"></div>

mingqing007

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

, V8 W1 g+ W# p9 U之前见过一本内容不到1MB的词典(已经排版的情况下), 一个大量使用css的版本硬是给做成了接近40MB...

(当然, 内容比较丰富的词典, 还是很有必要的, 不过本来轻量级的词典, 就不要人工将它变成重量级了吧...)
- |% r3 w- w7 l, N
4 a( Z+ V/ e' D  Y4 h没有必要的情况下, 简单用用html就挺好, 楼主加油  

falorway

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

. W& a( E1 q) P# m" ]( Y/ R谢谢回复

falorway

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