2015年12月4日

FLEX 网格布局及响应式处理

摘要: 上一篇文章用Flex实现BorderLayout,这一章我们来实现常用的网格布局和响应式处理.首先我们定义HTML结构,主Box为grid,每项为grid-cell,下面就是我们HTML代码结构. 1 2 grid为flex容器,grid-c... 阅读全文

posted @ 2015-12-04 10:02 喜爱编程的人 阅读(2052) 评论(1) 推荐(0) 编辑

2015年12月3日

CSS3 中FLEX快速实现BorderLayout布局

摘要: 学习完flex的布局模式之后,我们趁热打铁,来实现一个BoxLayout布局.什么是BoxLayout布局?那我们先上一个图看看BoxLayout布局写过后端UI代码的编程者应该不陌生了,写前端的代码的也同样很熟悉,包括html的框架frame.但以往的CSS中使用float浮动来进行控制,控制起来... 阅读全文

posted @ 2015-12-03 12:13 喜爱编程的人 阅读(425) 评论(0) 推荐(0) 编辑

CSS3中更灵活的布局方式

摘要: flex是一个灵活性强的布局方式,它能够很好的控制内部元素的宽度,高度或者剩余的空间部分,来适应不同的显示设备和不同的屏幕尺寸,而真正达到一种自适应效果. 阅读全文

posted @ 2015-12-03 12:07 喜爱编程的人 阅读(565) 评论(0) 推荐(0) 编辑

导航