鱼C论坛

 找回密码
 立即注册
查看: 4765|回复: 5

[已解决]如何使“一等奖”与“刑事”像图中这样紧靠着

[复制链接]
发表于 2021-9-18 11:24:37 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <p>一等奖<br>
                        <ol>
                                <li>刑法</li>
                                <li>化学</li>
                                
                        </ol>
                        
                </p>
        </body>
</html>
最佳答案
2021-9-18 11:38:51
增加以下代码  试一下
<style>
        ol {
            margin-top: -20px;
        }
    </style>
QQ截图20210918112207.png
QQ图片20210918111852.jpg
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-9-18 11:38:51 | 显示全部楼层    本楼为最佳答案   
增加以下代码  试一下
<style>
        ol {
            margin-top: -20px;
        }
    </style>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-9-18 12:43:45 | 显示全部楼层

把 <p> 标签 和 <ol> 标签 上 或 下外边距去掉就行

我这里把两者的上下都去了
<!DOCTYPE html>
<html>
<style type="text/css">
        .first_prize {
                margin-top: 1px;
                margin-bottom: 1px ;
        }
</style>
</html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>

<body>
        <p class='first_prize'>一等奖<br>
                <ol class='first_prize'>
                        <li>刑法</li>
                        <li>化学</li> 
                </ol>
                
        </p>
</body>

效果如图:

web.png

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-9-18 16:26:08 | 显示全部楼层
本帖最后由 傻眼貓咪 于 2021-9-18 16:57 编辑
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            ol{
                margin-top: 0;
            }
        </style>
    </head>
    <body>
        <h1>第四届中国大学出版社图书奖公示</h1>
        <h2>优秀教材一等奖(68种)</h2>
        <ol>
            <li>刑事诉讼法(第五版),陈光中主编,北京大学出版社</li>
            <li>普通化学原理(第4版),华彤文,王颖霞,卞江,陈景祖 编著,...</li>
            <li>保险学(第5版),...</li>
        </ol> 
    </body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-9-18 21:01:58 | 显示全部楼层
哦豁这不是我现在学的html吗
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-11-5 11:27:31 | 显示全部楼层
上面的答案都OK,可惜只能设置一个最佳答案,我选了发布时间最早的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 02:42

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表