gpt4 book ai didi

html - 无法给时间元素留余量

转载 作者:行者123 更新时间:2023-11-28 04:10:09 26 4
gpt4 key购买 nike

这是我的 html 代码:

    <!DOCTYPE html>
<html>
<head>
<title>CSS Article3</title>
<link rel="stylesheet" type="text/css" href="css/article3.css">
</head>
<body>
<time datetime="2015-11-23">November 23 2015</time>
</body>
</html>

这是我的 CSS 代码:

    time{
border: 1px solid black;
margin-top: 30px;
}

我想给这个时间元素在顶部留一个边距。把它拖下来,但不管我给多少余量,它都呆在那里。此外,我给出的边距超出了页面顶部,而不是将此元素向下推。我可以给 body 填充并完成它,但为什么我不能通过给时间元素留出余量来做到这一点。

最佳答案

这就是 inline 元素的工作原理。将其设为 block 元素或 inline-block 元素以使其工作:

time {
display: inline-block;
margin: 30px; /** now work **/
}

https://jsfiddle.net/u9k04tv6/1/

关于html - 无法给时间元素留余量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37072298/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com