CSS Flexbox 布局助手 Flex-layout-attribute

码农软件 · 软件分类 · CSS框架 · 2019-04-20 10:58:16

软件介绍

Flex-layout-attribute

Flex-layout-attribute 是基于 CSS flexbox 规范的 HTML 布局助手。

示例

内容分布在一行里并在容器居中:

<div layout="row center-center">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

DEMO

特点

  • 专注于 HTML 属性 -- 独立的布局标记,语义化和简洁的语法

  • 不仅是栅格(网格) -- 比例之间的关联,基于比例的元素尺寸

  • 快速制作原型 -- 在浏览器中进行设计以及快速迭代,不再需要为布局编写 CSS

  • 基础稳固 -- 非常容易扩展和定制

本文地址:https://codercto.com/soft/d/3984.html

《Hello Ruby:儿童编程大冒险》(平装)

《Hello Ruby:儿童编程大冒险》(平装)

(芬兰)琳达·刘卡斯 / 窝牛妈 / 浙江人民美术出版社 / 2018

快来认识Ruby——一个想象力丰富,喜欢解决难题的女生。Ruby认识了一群新朋友:聪明的雪豹、友好的狐狸、忙碌的机器人等等。这本书以讲故事的方式向孩子们介绍了基础的计算思维,比如拆分问题,制定分步计划,寻找规律,打破思维定势等等;之后,通过一系列鼓励探索和创造的练习和活动,孩子们对这些关乎编程核心问题的基本概念有了进一步的理解。一起来看看 《《Hello Ruby:儿童编程大冒险》(平装)》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具