Html 将3个div置于3个div之下

Html 将3个div置于3个div之下,html,css,Html,Css,我用js做了一个倒计时,但对于这个例子,我有3个数字,我想这样构造它: 235512 h m s 我怎么能做到这一点呢?我在其他帖子中看到很多人使用position:relative和position:absolute,但我认为这不是最好的解决方案 我的html代码: 23 小时 55 分钟 12 秒 您只需使用Flexbox即可: .ct背景{ 显示器:flex; } .ct背景元素{ display:flex;/*默认情况下以内联方式显示flex项子项*/ 弯曲方向:列;/*垂直堆叠*/

我用js做了一个倒计时,但对于这个例子,我有3个数字,我想这样构造它:

235512

h m s

我怎么能做到这一点呢?我在其他帖子中看到很多人使用position:relative和position:absolute,但我认为这不是最好的解决方案

我的html代码:

23 小时 55 分钟 12 秒
您只需使用Flexbox即可:

.ct背景{ 显示器:flex; } .ct背景元素{ display:flex;/*默认情况下以内联方式显示flex项子项*/ 弯曲方向:列;/*垂直堆叠*/ 对齐项目:居中;/*使其水平居中*/ 边距:0 5px;/*例如*/ } 23小时 55米 12秒
我认为我们应该使用正确的工具解决正确的问题。如果需要类似网格的布局,则需要。在我看来,使用flexbox列表没有意义

.ct背景{ 显示:网格; 网格模板行:repeat2,自动; 网格自动流:列; } 23 小时 55 分钟 12 秒
希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些,或者通过谷歌,或者通过搜索,尝试一下。如果您仍然有问题,请返回您的代码并解释您尝试了什么。解释我尝试了什么有什么意义?我曾尝试由miself编写此代码,但没有成功。您想使用版本1 css、版本2 css和版本3 css来查看我做错了什么?以下是有关Nice的一些基本知识…谢谢: