2017年11月16日
flex弹性布局操练2
摘要： 上一个是练习的1个内元素的，这次练习两个元素的。 阅读全文
posted @ 2017-11-16 11:24 白菜帮CN 阅读(242) 评论(0) 推荐(0)
flex弹性布局操练1
摘要： 实现弹性布局之前常用浮动，相对定位和绝对定位等，但是现在好了，随着flex的兴起，方便了很多，而且也符合未来响应式布局的方向。 理论的东西可参考css3手册，这里专注实操。 一：单个元素 这是实现的默认效果，看不出来什么意思吧。 水平方向变化1：让红点水平居中： 水平方向居中了。 水平方向变化2：水 阅读全文
posted @ 2017-11-16 11:13 白菜帮CN 阅读(197) 评论(0) 推荐(0)
css实现行内文字垂直居中
摘要： 之前本人一直使用浮动、相对定位、绝对定位和display：table等css的方法进行定位。网上得知flex可实现弹性布局，符合未来发展趋势，随尝试。 1：让盒子行内文字垂直居中，解决思路是讲文字的行高设置为盒子的高度。 2：让盒子行内文字垂直居中，解决思路是对盒子的高度设定，然后对盒子的paddi 阅读全文
posted @ 2017-11-16 10:43 白菜帮CN 阅读(5114) 评论(0) 推荐(1)