资讯专栏INFORMATION COLUMN

拒绝烂大街——Flexbox布局演示站了解一下

bigdevil_s / 1254人阅读

摘要:前言最近学到布局,当时就感觉真是一个布局的神器。友好的提示初学者不易记全所有的属性和值的左右,鼠标放在属性名上即可显示相应属性的作用。

前言

最近学到Flexbox布局,当时就感觉真是一个布局的神器。终于摆脱了利用各种定位浮动布局的日子。想写文章总结一下吧,发现介绍Flexbox布局类的文章都被写烂了,各种大神写的也是生动形象,单单写一个布局用法感觉除了自己记录方便本地查并没有什么意义,于是就想到了之前在一个视频中看到了这样的网站,但是那个网址我当时打不开就产生了自己也写一个的想法。既能自己巩固还能给初学者使用。

Flexbox演示站

大概就是张这个样子:

点击设置Flex容器和Flex项目的各个属性的值以及项目的宽度,右边实时看到效果初学时更容易理解各个属性的作用。

友好的提示:初学者不易记全所有的属性和值的左右,鼠标放在属性名上即可显示相应属性的作用。

查看Flexbox演示站

只是简单了写了几个响应式CSS,移动端看的效果可能不是太好,建议PC端食用

GitHub地址

最后

放上几个我学Flexbox布局时看的博客:
阮一峰——Flex 布局教程:语法篇
阮一峰——Flex 布局教程:实例篇
通过动图形象地为你介绍 flexbox 是如何工作的(一)

最后的最后,厚颜无耻求Star(逃)
如果恰好你正在学Flexbox,这个小网站对你有那么一点儿帮助给我点一个Star吧

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94115.html

相关文章

  • 培训机构让Github的含金量降低了?

    摘要:前言这篇文章完全是有感而发,看了掘金的沸点了,又看到了知乎的一篇文章,就打算写下,说下自己的个人看法。业界本不反感培训机构,反感教学员造假的培训机构。 所有人都想成功,都想有高薪的工作,但是太多的人想一步登天,只有少数人愿意脚踏实地。 1.前言 这篇文章完全是有感而发,看了掘金的沸点了,又看到了知乎的一篇文章,就打算写下,说下自己的个人看法。 Github ,在程序员这个行业, 即使自...

    Godtoy 评论0 收藏0
  • 2019-我的前端面试题

    摘要:先说下我面试情况,我一共面试了家公司。篇在我面试的众多公司里,只有同城的面问到相关问题,其他公司压根没问。我自己回答的是自己开发组件面临的问题。完全不用担心对方到时候打电话核对的问题。 2019的5月9号,离发工资还有1天的时候,我的领导亲切把我叫到办公室跟我说:阿郭,我们公司要倒闭了,钱是没有的啦,为了不耽误你,你赶紧出去找工作吧。听到这话,我虎躯一震,这已经是第2个月没工资了。 公...

    iKcamp 评论0 收藏0
  • 7个 HTML 面试题及回答策略

    摘要:接下来,我会检查每个页面以确保它使用有用的标签,包括标题标签。这个问题让面试官有机会了解潜在员工对工作难以胜任的部分。面试官可能需要考虑这种弱点对团队的影响。面试官可能会发现自己公司的计划与未来员工的职业目标是否保持一致。 翻译:疯狂的技术宅原文:https://www.indeed.com/hire/i... 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你...

    Luosunce 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<