填充不适用于横行css html。
填充不适用于横行css html。
提问于 2022-05-17 12:11:08
我想在我的人力资源里加些垫子，
hr {
padding-left: 200px;
}但这不管用。如何在我的人力资源中添加填充物？
回答 3
Stack Overflow用户
回答已采纳
发布于 2022-05-17 12:12:19
填充在hr中不起作用。
您必须使用margin来代替：
hr {
margin-left: 200px;
}而且会成功的。
Stack Overflow用户
发布于 2022-05-17 12:17:21
在添加填充之前，您必须为您的hr设置一个宽度，否则它将显示为全宽度。
hr:first-of-type{
width: 100px;
padding-left: 10px;
}
hr:last-of-type{
width: 100px;
padding-left: 50px;
}<hr>
<hr>
谢谢并致以最良好的问候！
Stack Overflow用户
发布于 2022-05-17 12:23:11
HR在其定义的行为上与大多数HTML标记略有不同，因为它试图填充包含元素的整个宽度。
要阻止它在任何边距上展开，我知道的唯一方法是显式设置宽度属性。
hr {
width: 90%;
padding-left: 200px;
}即使如此，它似乎忽略了填充，所以您应该使用边距：
hr {
width: 90%;
margin-left: 200px;
}它仍然有点混乱和不精确。如果直线行需要与其他元素保持一致，那么最好确保它们位于相同的DIV中，这样就可以从div的左边边开始。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72273829
复制相关文章
相似问题
腾讯云开发者
