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

18878977809 · 发表于 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>

复制代码

最佳答案

月排行榜 / 总排行榜

wp231957

2021-9-18 11:38:51

增加以下代码试一下：

<style>
ol {
margin-top: -20px;
}
</style>

复制代码

跳转到最佳答案楼层

wp231957 · 发表于 2021-9-18 11:38:51

这个最佳答案由 wp231957 给出，感谢 wp231957 的回答。

单击隐藏图章

增加以下代码试一下：

<style>
ol {
margin-top: -20px;
}
</style>

复制代码

Twilight6 · 发表于 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>
复制代码

效果如图：

傻眼貓咪 · 发表于 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>

复制代码

Gacy · 发表于 2021-9-18 21:01:58

哦豁这不是我现在学的html吗

18878977809 · 发表于 2021-11-5 11:27:31

上面的答案都OK，可惜只能设置一个最佳答案，我选了发布时间最早的

账号		自动登录	找回密码
密码			立即注册

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

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

浏览过的版块