The image has max-width: 100% . That means that it shouldn't be wider than its parent (the flex item). And this works. Instead, the problem is that the flex ... ... <看更多>

A flex container establishes a new flex formatting context for its contents. ... the constraints imposed by min-height/min-width/max-height/max-width. ... <看更多>

Flex is a layout component with a very limited subset of the props ... Use numbers for pixels: maxWidth={100} and strings for percentages: maxWidth="100%". ... <看更多>

Workaround. Most of the time, this can be fixed by simply setting max-width: 100% on the flex item. If the flex ... ... <看更多>

.product-tabs { width: 100%; display: flex; flex- ... cursor: pointer; } .product-tabs label img { max-width: 25px; display: block; margin: auto; } ... ... <看更多>