Html 如何正确显示元素

Html 如何正确显示元素,html,css,Html,Css,我已经弄乱了css/html代码,现在div中的所有元素都放在一行中,而不是像普通的内容那样显示,每个标签都有一个新行。这里有一个有效的例子 Css和html .卡片{ /*宽度:320px*/ /*高度:75px*/ 位置:相对位置; 透视图:1000px; 边缘底部:15px; 边框:3倍纯白; } 正面 .回来{ 字体大小:12px; 字体大小:粗体; 文本转换:大写; 位置:绝对位置; 排名:0; 左:0; /*宽度:100%*/ /*身高:100%*/ 显示器:flex; 证明内容:

我已经弄乱了css/html代码,现在div中的所有元素都放在一行中,而不是像普通的内容那样显示,每个标签都有一个新行。这里有一个有效的例子

Css和html

.卡片{ /*宽度:320px*/ /*高度:75px*/ 位置:相对位置; 透视图:1000px; 边缘底部:15px; 边框:3倍纯白; } 正面 .回来{ 字体大小:12px; 字体大小:粗体; 文本转换:大写; 位置:绝对位置; 排名:0; 左:0; /*宽度:100%*/ /*身高:100%*/ 显示器:flex; 证明内容:中心; 对齐项目:居中; 过渡:1s; 背面可见性:隐藏; } .前线{ 背景色:fff; } .回来{ 背景色:f1c40f; 变换:旋转180度; } .卡:悬停。前{ 变换:旋转180度; } .卡:悬停。后退{ 变换:旋转360度; } .项目{ 边框:1px纯红; } .集装箱{ 边缘顶部:30px; } .项目{ 边缘底部:15px; 右边距:50px; } .地点{ 颜色:红色; } .折扣{ 颜色:绿色; } .时间戳{ 颜色:蓝色; } .卡片{ 高度:200px; } 在类的CSS.back中,您使用的是display:flex,您应该 去掉它,你就可以用一行新词来回答每个问题


删除您的display:flex。front class

如果您正在使用display:flex,请将其删除或将方向更改为Column请在此处显示您的代码,而不仅仅是在外部站点上显示。@Temaniaff谢谢!我现在怎样才能把tem课提高到最前面的课?