Html 将几个小div或图像堆叠在一起

Html 将几个小div或图像堆叠在一起,html,css,Html,Css,我正在尝试添加几个相邻的div,使它们像下面这样响应。它不应该是倾斜的,但只是几个div堆叠在一起,仍然是响应?下面怎么能得到?如果让via更容易的话。图像?我怎样才能将它们堆叠在一起并使它们响应 下面是一个例子: 这是无响应的 body{/*或DIV父级*/ 透视图:1000px; } div{ 填充:60px; 空白:nowrap; 变换:旋转3d-20,-20,15,-40度; } 分区跨度{ 显示:内联块; 宽度:50px; 高度:50px; 颜色:fff; 字体:粗体2em/1.5无

我正在尝试添加几个相邻的div,使它们像下面这样响应。它不应该是倾斜的,但只是几个div堆叠在一起,仍然是响应?下面怎么能得到?如果让via更容易的话。图像?我怎样才能将它们堆叠在一起并使它们响应

下面是一个例子:

这是无响应的

body{/*或DIV父级*/ 透视图:1000px; } div{ 填充:60px; 空白:nowrap; 变换:旋转3d-20,-20,15,-40度; } 分区跨度{ 显示:内联块; 宽度:50px; 高度:50px; 颜色:fff; 字体:粗体2em/1.5无衬线; 文本对齐:居中; 保证金:2倍; } .W{背景:55CA55;} .L{背景:D52A30;} .D{背景:CCDC31;} W W L W L W D
你说堆叠是什么意思?你所说的响应是什么意思?请澄清您的问题..responsiveDivs{display:inline block;vertical align:top;}