首先，如果我的英语没有多大意义，我很抱歉，因为它不是我的母语。好的，我和我的 friend 正在为贷款模拟器的数据披露同意制作一个 2/6 Angular 模板，当用户对每项同意说“不”时，我们会收到一些通知。这些通知由图标(存储在“ Assets ”文件夹中的图像)和一些文本组成，当用户检查标记为“否”的单选按钮时，它们就会出现。问题是，当页面加载时，用户第一次单击“否”时，通知的图像会以错误的宽度显示，然后如果用户选中"is"并返回“否”，则图像会显示正常；只是显示的第一张图像，检查哪个 radio 并不重要。有任何想法吗？ PS:图像作为 CSS 背景放置在通知文本之前的范围内。
最佳答案
解决了!没什么神秘的，实际上是一个菜鸟错误，我删除了跨度并通过 CSS 将图像放入容器本身(并向文本添加了填充)并且它起作用了。我无法确切解释为什么在添加带有图标的空范围时它不起作用。结果是这样的:
HTML:
<div class="aviso">Text content of the warning</div>
CSS:
.aviso{
background-image: path/to/image.jpg;
background-position-x: 2%;
background-position-y: 30%;
padding: 8px 15px 8px 35px;
}
就这样成功了!谢谢!
关于javascript - 为什么图像在 2 Angular 渲染效果很差，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51739909/