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

div

答案 0 :(得分:0)
尝试width:fit-content
或width
auto
或设置min-width
答案 1 :(得分:0)
如果要实现此类行为,请将img width用于auto,将容器用于100%。但是现在你的图像会在不保持右侧白色空间的情况下被拉伸。
如果有意义,您可以使用媒体查询,并根据自定义屏幕大小控制图像宽度。
答案 2 :(得分:0)
在此尝试将min-width
设置为fit-content
,或者您可以将最大宽度设置为fit-content
或auto
,因为宽度是因为宽度是90%,你img块是大的空间尝试降低你的宽度尝试做width: 87.4%;