这是我的 HTML 代码：
<div *ngIf="symbol !== undefined">
<p>Symbol</p>
<div *ngFor="let symbol of symbols">
<img *ngIf="symbol == 1" class="symbol" width="150" src="assets/minus.png">
<img *ngIf="symbol == 2" class="symbol" width="150" src="assets/plus.png">
<img *ngIf="symbol == 3" class="symbol" width="150" src="assets/mal.png">
<img *ngIf="symbol == 4" class="symbol" width="150" src="assets/geteilt.png">
</div>
</div>
我想看到你的符号彼此相邻。例子：
[symbol] [symbol] [symbol] [symbol]
[symbol] [symbol] [symbol] [symbol]
[symbol] [symbol] [symbol] [symbol]
所以我的 CSS 文件看起来像这样：
.symbol{
float: left;
margin:2%;
}
通常，当同一符号在一行的末尾出现两次（下一行有一个刹车）时，下一行就会有一个中断（正确）。但在下一行右侧只有一个符号和一个中断。例子：
[symbol][symbol][symbol][symbol][symbol][symbol]
[symbol]
[symbol][symbol][symbol][symbol][symbol][symbol]
为什么？
解决方案：我的图片大小不同。只长了 2px！
解决方案：图片需要完全相同的大小。我和2px有区别！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句