Css 角材料md内容压缩模拟元素

我有一个md content元素，当simbling元素溢出时，它会对其进行压缩。在这里，您可以删除

中的内容，您将看到它的模拟（即

）是如何获得其原始大小的

---

这是预期的行为，还是我遗漏了什么？

使用display:block和float类似：

<div layout="row" style="display:block">
            <md-button class="md-icon-button" aria-label="Previous section" ng-click="seccionesCtrl.anterior()" style="float:left">
                A
            </md-button>

            <md-button class="md-icon-button next" aria-label="Next section" ng-click="seccionesCtrl.siguiente()"style="float:right">
                b
            </md-button>
</div>

A.
B

使用显示：block和float类似：

<div layout="row" style="display:block">
            <md-button class="md-icon-button" aria-label="Previous section" ng-click="seccionesCtrl.anterior()" style="float:left">
                A
            </md-button>

            <md-button class="md-icon-button next" aria-label="Next section" ng-click="seccionesCtrl.siguiente()"style="float:right">
                b
            </md-button>
</div>

A.
B

您可以抑制这种行为，一种方法是将

设置为

flex-shrink:0

---

在兄弟

上使用

layout=“row”

将其设置为

display:flex

，允许其压缩内容以适应其不断增长的兄弟

您可以抑制此行为，一种方法是将
设置为
flex-shrink:0

在兄弟姐妹
上使用
layout=“row”
将其设置为
display:flex
，允许其压缩内容以适应其不断增长的兄弟姐妹
多亏了Alex的解释，我通过添加
flex=“无”解决了我的问题
到md内容慢煮div。然而，亚历克斯的解决方案也会奏效
 多亏了Alex的解释，我解决了问题，在md内容中添加了
flex=“none”
。然而，亚历克斯的解决方案也会奏效
 谢谢你的启发。虽然您的解决方案解决了问题，但我认为最好使用角度材质指令。在本例中，我在div中使用flex=“none”完成了相同的结果。我希望更新您的Answare，但我不能。没问题。您仍然可以通过复选框标记正确答案，这将使您有点接近投票特权。谢谢您的启发。虽然您的解决方案解决了问题，但我认为最好使用角度材质指令。在本例中，我在div中使用flex=“none”完成了相同的结果。我希望更新您的Answare，但我不能。没问题。您仍然可以使用复选框将答案标记为正确，这将使您有点接近投票权限。