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

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，可惜只能设置一个最佳答案，我选了发布时间最早的

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