样式设置时遇到一些问题 <pre>今天的标签。
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<pre>
.wrapper {
width: 100%;
color: $orange;
}
</pre>
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
pre {
@include mono;
color: $light-grey;
background-color: $orange;
padding-top: 1em;
margin: 15px 0 15px 0;
width: 585px;
@include box-sizing(border-box);
}
SCSS 变量和 mixin 都是不言自明的。这是输出:
橙色框是 <pre> ，米色框是<div class="content"> ，以及外部橙色框 <body> .
我不知道为什么会出现这种行为。根本没有应用任何填充。
感谢各位的帮助!
最佳答案
我认为您在 HTML 源文件中看到了空白...在回显 <pre> 中的代码片段之前，您需要将其删除(以巧妙的方式)。标签。
关于css - 自动 <pre> 向左填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17974078/