falorway 发表于 2017-2-13 17:17:16

求助,hr标记占的位置过宽怎么办?

本帖最后由 falorway 于 2017-2-13 17:18 编辑

本人对html语言本身一窍不通。最近想用mdx格式整理一下资料(看起来美观一些),搞成像百科一样的格式,就先制作了一个草稿(见图1)来预览,发现只是插入了一个hr标签,上面的小标题就与分割线离了很远,不美观,请问这是怎么回事?可以怎么修改呢?另外,把页面粘贴到Word里面之后(见图二),发现小标题和分割线之间多了一个换行,也许就是这个换行搞的鬼吧?可是怎么在html语言中将它去掉呢?html小白一个,让各位见笑了。
图一:草稿

图二:

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

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

onlyXXenglish 发表于 2017-2-13 18:34:38

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

falorway 发表于 2017-2-13 19:04:15

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

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

deeke 发表于 2017-2-14 02:01:28

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

mingqing007 发表于 2017-2-14 05:13:13

本帖最后由 mingqing007 于 2017-2-14 05:16 编辑

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

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

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

没有必要的情况下, 简单用用html就挺好, 楼主加油{:4_97:}

falorway 发表于 2017-2-16 12:55:38

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

谢谢回复

falorway 发表于 2017-2-16 12:59:24

谢谢各位的热心帮助,我找到了一个效果不是特别好但是简单的方法,把<p><b><font size="5">全数替换成</p><b><font size="5">似乎可以解决这个问题。
页: [1]
查看完整版本: 求助,hr标记占的位置过宽怎么办?