Div扩展到最大宽度,即使它不能适合该行的另一个元素

时间:2016-11-03 23:44:43

标签: html css

当显示以下代码的浏览器调整大小时,div在我不想要时会扩展到max-width

如果一切都适合1行,它看起来很好,但当我缩小浏览器的大小(将img推到2行)时,{{1}现在有额外的空间}在第一行的最后一个图像的右侧。我希望div 不展开div,如果它不适合该行的另一个max-width(而是{{1} } {end}位于img中最右边div的末尾。

测试代码:



img

div




3 个答案:

答案 0 :(得分:0)

尝试width:fit-contentwidth auto或设置min-width

答案 1 :(得分:0)

如果要实现此类行为,请将img width用于auto,将容器用于100%。但是现在你的图像会在不保持右侧白色空间的情况下被拉伸。

如果有意义,您可以使用媒体查询,并根据自定义屏幕大小控制图像宽度。

答案 2 :(得分:0)

在此尝试将min-width设置为fit-content,或者您可以将最大宽度设置为fit-contentauto,因为宽度是因为宽度是90%,你img块是大的空间尝试降低你的宽度尝试做width: 87.4%;