立诚勿怠,格物致知
It's all about connecting the dots

Layout mode

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_mode

A CSS layout mode, sometimes abbreviated as layout, is an algorithm determining the position and the size of boxes based on the way they interact with their sibling and ancestor boxes. There are several of them:

  • The block layout, designed for laying out documents. The block layout contains document-centric features, like the ability to float elements or to lay them out over multiple columns.
  • The inline layout, designed for laying out text.
  • The table layout, designed for laying out tables.
  • The positioned layout, designed for positioning elements without much interaction with other elements.
  • The flexible box layout, designed for laying out complex pages that can be resized smoothly.
  • The grid layout, designed for laying out elements relative to a fixed grid.
Note: not all CSS properties apply to all layout modes. Most of them apply to one or two of them and have no effect if they are set on an element participating in another layout mode.

这篇文章有几个知识点还不清楚的,需要以后回过头细查下相关的知识点。

赞(1) 打赏
文章名称:《Layout mode》
文章链接:https://www.orzzone.com/layout-mode.html
商业联系:yakima.public@gmail.com

本站大部分文章为原创或编译而来,对于本站版权文章,未经许可不得用于商业目的,非商业性转载请以链接形式标注原文出处。
本站内容仅供个人学习交流,不做为任何投资、建议的参考依据,因此产生的问题需自行承担。

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力提供更多优质内容!

支付宝扫一扫打赏

微信扫一扫打赏

登录

找回密码

注册