gpt4 book ai didi

html - 使用 CSS 或 HTML 或 JavaScript 对列表进行内容包装?

转载 作者:太空宇宙 更新时间:2023-11-04 09:45:05 25 4
gpt4 key购买 nike

我很好奇如何让内容环绕在下面链接中的元素周围。 flex-wrap 功能确实让它们稍微环绕起来,但它留下了很多空白,如第二个链接所示。

http://saijogeorge.com/website-builders/

My source code and demo here

最佳答案

不幸的是,这似乎无法仅用 CSS 来解决。 Saijo George 使用通过 JavaScript 控制的内联绝对定位解决了这个问题。

例如,#bot-builders 的默认内联样式为:position: absolute;顶部:130px;左:400 像素;。每当调整浏览器大小时,这些变量都会发生变化。

将上面的内容添加到您的示例中可以解决问题,但自然会弄乱不同宽度的显示。您可以创建一堆媒体查询来更改每个 列表的多个 宽度的值,尽管这看起来有点矫枉过正。最后,您可能需要联系 Saijo George 以了解他们使用什么 JavaScript 来控制响应能力。

希望这对您有所帮助!

关于html - 使用 CSS 或 HTML 或 JavaScript 对列表进行内容包装?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39543958/

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