我有一个带有几个面板的界面，就像这里有6个面板的马赛克，使用多个display: flex div，flex-direction列或行。我喜欢这样，当点击/触摸 * 一个 * 面板时，这个面板几乎变成全尺寸，而其他面板作为“缩略图”位于左列。我不知道我如何才能使我目前的设计与多个flex元素在彼此。问题：如何创建这样一个“点击一个图块进行缩放，并将其他图块作为一列缩略图移动”的功能？
display: flex
flex-direction
flex
第一个
6mw9ycah1#
您可以使用grid和grid-template-areas属性在需要较大图像的地方放置一个空格。我已经为您提供了一个框架，但您需要稍微整理一下框的大小。第一个
grid
grid-template-areas
1条答案
按热度按时间6mw9ycah1#
您可以使用
grid和grid-template-areas属性在需要较大图像的地方放置一个空格。我已经为您提供了一个框架，但您需要稍微整理一下框的大小。第一个