查看: 717|回复: 6
打印 上一主题 下一主题

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

[复制链接]
  • TA的每日心情
    擦汗
    2018-2-12 03:03
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    4

    主题

    15

    回帖

    156

    积分

    童生

    Rank: 2

    积分
    156
    跳转到指定楼层
    1
    发表于 2017-2-13 17:17:16 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    本帖最后由 falorway 于 2017-2-13 17:18 编辑

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

    图二:

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

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

    本帖被以下淘专辑推荐:

    该用户从未签到

    29

    主题

    424

    回帖

    5232

    积分

    会元

    Rank: 7Rank: 7Rank: 7

    积分
    5232

    灌水大神章小蜜蜂章笑傲江湖章

    2
    发表于 2017-2-13 18:34:38 | 只看该作者
    这主贴的内容而言,最简单的一个办法:把<hr>改成<br />
    或者用CSS控制<hr>标签的样式
  • TA的每日心情
    擦汗
    2018-2-12 03:03
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    4

    主题

    15

    回帖

    156

    积分

    童生

    Rank: 2

    积分
    156
    3
     楼主| 发表于 2017-2-13 19:04:15 | 只看该作者
    onlyXXenglish 发表于 2017-2-13 18:34
    这主贴的内容而言,最简单的一个办法:把改成
    或者用CSS控制标签的样式

    谢谢,不过改成</br>的话分割线就消失了呀(本人不懂css),要是能把分割线上边那条可恶的空行去掉就好了
  • TA的每日心情
    慵懒
    2023-3-2 10:50
  • 签到天数: 207 天

    [LV.7]常住居民III

    42

    主题

    1038

    回帖

    13万

    积分

    版主

    Rank: 10Rank: 10Rank: 10

    积分
    137827

    灌水大神章小蜜蜂章笑傲江湖章管理组专用章

    4
    发表于 2017-2-14 02:01:28 | 只看该作者
    <hr>
    改成:
    <div style="clear: both; margin: 0; border-bottom: .0625rem solid black;"></div>
  • TA的每日心情
    开心
    2022-3-11 16:40
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    37

    主题

    411

    回帖

    1360

    积分

    翰林院编修

    Rank: 11Rank: 11Rank: 11Rank: 11

    积分
    1360

    翰林院专用章灌水大神章笑傲江湖章小蜜蜂章管理组专用章

    5
    发表于 2017-2-14 05:13:13 | 只看该作者
    本帖最后由 mingqing007 于 2017-2-14 05:16 编辑

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

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

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

    没有必要的情况下, 简单用用html就挺好, 楼主加油  
  • TA的每日心情
    擦汗
    2018-2-12 03:03
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    4

    主题

    15

    回帖

    156

    积分

    童生

    Rank: 2

    积分
    156
    6
     楼主| 发表于 2017-2-16 12:55:38 | 只看该作者

    谢谢回复
  • TA的每日心情
    擦汗
    2018-2-12 03:03
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    4

    主题

    15

    回帖

    156

    积分

    童生

    Rank: 2

    积分
    156
    7
     楼主| 发表于 2017-2-16 12:59:24 | 只看该作者
    谢谢各位的热心帮助,我找到了一个效果不是特别好但是简单的方法,把<p><b><font size="5">全数替换成</p><b><font size="5">似乎可以解决这个问题。