gpt4 book ai didi

html - 三列布局 - 无 float 对齐

转载 作者:行者123 更新时间:2023-11-28 18:33:21 26 4
gpt4 key购买 nike

据我所知,在现代网络开发中,并排水平对齐元素是通过使用 float (例如,三列布局是通过将两个方向 float 到一个方向和另一个方向来实现的)。然而,这确实带来了各种问题,目前我正在一个网站上工作,该网站需要在标题和内容中都有单独的列,因此我需要 float 几乎所有内容并设置各种边距和宽度以防止它们到处乱跳.

随着 HTML5 和 CSS3 的兴起,我想知道是否有更简单的解决方案可以替代 float ?由于 HTML5 和 CSS3 引入了更简单的方法来使某些事情发生(例如带有边框半径的圆 Angular ),因此人们会认为网站中的多个列几乎是不可避免的,可以发明一些可以缓解麻烦的东西。

最佳答案

是的,它是 flexbox,或者 CSS Flexible Box Layout Module .

规范似乎相当稳定,因为它已达到 Candidate Recommendation地位。我不知道这个最新版本的浏览器支持有多好。

这是一个 recent article .

关于html - 三列布局 - 无 float 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13614369/

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