gpt4 book ai didi

html - 需要 css 布局的提示

转载 作者:行者123 更新时间:2023-11-28 02:55:15 25 4
gpt4 key购买 nike

<分区>

,----------------------------------------------.
|,-----------------------. ,------------------.|
|| <input> | | ||
|`-----------------------' | ||
|,-----------------------. | <img> ||
|| <input> | | aspect ratio 1:1 ||
|`-----------------------' | ||
|,-----------------------. | ||
|| <input> | | ||
|`-----------------------' `------------------'|
`----------------------------------------------'

我想用约束来布局像上面这样的东西:

  • 高度受 3 个输入字段限制,即 height = 3 * input_height + 2 * margin
  • <img>应该满足高度,即 img_height = height
  • <img>纵横比恒定为 1,因此其宽度受到限制,即 img_width = img_height = height
  • <input>的宽度可以受 input_width = width - img_width 约束
  • 父宽度固定width = some_fixed_value

我想用纯CSS实现这个,这可能吗?以及如何?

我是网络新手,对 CSS 布局不是很熟悉。我做了一些搜索,似乎高度不能成为原始约束(根据我得到的只是一个猜测)。

谢谢。

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