当前位置: 首页 > 面试题库 >

你有用过弹性布局吗?说说你对它的理解

柴翰藻
2023-03-14
本文向大家介绍你有用过弹性布局吗?说说你对它的理解相关面试题,主要包含被问及你有用过弹性布局吗?说说你对它的理解时的应答技巧和注意事项,需要的朋友参考一下

按我的经验在样式规律上大致分下类吧,

  1. 等宽弹性布局
  2. 单元素弹性布局
  3. 多元素定比弹性布局
  4. 等隙布局

用 flex 或 grid 能非常轻松的完成以上效果,而 css2 时代多半还需要更多元素嵌套才能完成了。

所谓弹性,即父级宽度变化子级宽度也会相应变化,
最基本的当然是百分比啦,
但当存在有定宽兄弟元素时,事情变得稍复杂了一点,便有了上述 2 3 的分类,
当间隙不为定值也要自动变化时,那便是第 4 分类了。

 类似资料:
  • 本文向大家介绍你有使用过grid布局吗?说说你对它的理解相关面试题,主要包含被问及你有使用过grid布局吗?说说你对它的理解时的应答技巧和注意事项,需要的朋友参考一下 grid跟flex都是css3出来的,我使用的时候一般都是布局的时候使用grid,在某些元素要居中排列或者分布排列的时候使用flex, 使用grid的时候用的比较多的属性是 1.display:grid; 2.grid-templa

  • 本文向大家介绍你有用过table布局吗?说说你的感受相关面试题,主要包含被问及你有用过table布局吗?说说你的感受时的应答技巧和注意事项,需要的朋友参考一下 在 布局成为主流之前,基本都是以 布局为主。曾经的三剑客,Dreamever 的所见即所得也是利用 来做布局。 布局对于排版比较友好,水平居中、垂直居中都可以利用 的属性来完成。但缺点也是十分明显的。 布局往往是 嵌套 ,会有非常多的 DO

  • 本文向大家介绍有用过WebGL吗?说说你对它的理解相关面试题,主要包含被问及有用过WebGL吗?说说你对它的理解时的应答技巧和注意事项,需要的朋友参考一下 WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 元素中使用。 来自

  • 本文向大家介绍你有使用过vmax和vmin吗?说说你对它们的理解相关面试题,主要包含被问及你有使用过vmax和vmin吗?说说你对它们的理解时的应答技巧和注意事项,需要的朋友参考一下 和都是相对于窗口大小的长度单位。 相当于100%当前窗口长或者宽的长度,取其中最大值,反之。 如果css函数和普及后,相当于 个人最常用的是,可以在确保在保持宽高比的情况下,不论窗口如何缩放都可以不让元素超出窗口范围

  • 本文向大家介绍你有使用过动态组件吗?说说你对它的理解相关面试题,主要包含被问及你有使用过动态组件吗?说说你对它的理解时的应答技巧和注意事项,需要的朋友参考一下 component, vue的内置组件, 说实话, 如果不是特殊场景不要去使用, 容易使人混乱 详见: vue component

  • 本文向大家介绍你有使用过JSX吗?说说你对JSX的理解相关面试题,主要包含被问及你有使用过JSX吗?说说你对JSX的理解时的应答技巧和注意事项,需要的朋友参考一下 刚好写了一篇文章:https://www.borgor.cn/2019-11-25/655734a7.html