gpt4 book ai didi

html - 流体、静态、流体 - 3 行布局

转载 作者:行者123 更新时间:2023-11-28 00:05:50 25 4
gpt4 key购买 nike

好的,我看到了 static , fluid , static 布局,但现在我的设计需要fluid, static, fluid 布局。

如:

+-------------------------------+
| FLUID |
+-------------------------------+
| I SHALL |
| TAKE 400 |
| PIXELS |
+-------------------------------+
| FLUID |
+-------------------------------+

我如何使用纯 CSS 实现这一点?

值得注意的是,如果屏幕太小,流动行可能为 0 像素。

至于我尝试了什么,还没有 - 不知道从什么开始。

最佳答案

您可以在元素上使用display: table-row;

see fiddle

关于html - 流体、静态、流体 - 3 行布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18510483/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com