Question

我有一个角度应用，在某些状态下，布局错误。我有一个关于问题的DOM快照的小提琴：https://jsfiddle.net/g8kjfj2g/

我不明白为什么顶部容器中的两个盒子不在同一条线上。它们都是“display：inline-block”并且具有相同的类。比较一下不同的DOM快照，其中两个“父项”框存在于同一行：https://jsfiddle.net/wr10z3oc/

.parent-item {
display: inline-block;
height: 200px;
width: 200px;
background-color: lightgray;
opacity: .7;
}

我想我的HTML中有一个缺少的符号但是我的所有Sublime解析器都找不到它。

Answer 1

在overflow:hidden - https://jsfiddle.net/g8kjfj2g/1/

中尝试.parent-item

.parent-item {
    display: inline-block;
    height: 200px;
    width: 200px;
    background-color: lightgray;
    opacity: .7;
    overflow:hidden
}

为什么我的布局搞乱了

1 个答案: