摘要：
简介 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。 了解两个基本概念，接下来会频繁提到： ① 容器： 需要添加弹性布局的父元素； ② 项目： 弹性布局容器中的每一个 阅读全文
posted @ 2019-09-27 11:30 jessie-xian 阅读(159) 评论(0) 推荐(0) 编辑
摘要：
在小程序开发中经常会用到文本的两端，比如登录的用户名、密码、验证码等需要让这些文字左右对齐，下面介绍常用的对齐方式： 1.使用下面这样，经过测试在开发工具中有效，但是在手机端测试无效，兼容性不好。 2.使用下面这种，兼容性比较好，手机端还有开发工具中都可以实现。 阅读全文
posted @ 2019-09-27 11:27 jessie-xian 阅读(503) 评论(0) 推荐(0) 编辑
摘要：
解决div里面img图片下方有空白的问题 图片的display属性默认是inline，而这个属性的vertical align的默认值是baseline。所以就会出现上图的情况（图片底部出现一个小留白区域）。 1.把img变成块状元素，所以是否需要留白，可以用过padding来设置。 2.直接修改v 阅读全文
posted @ 2019-09-27 11:26 jessie-xian 阅读(335) 评论(0) 推荐(0) 编辑
摘要：
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省略号… 3.跨浏览器兼容的方法 浏览器兼容伪类写法css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分 阅读全文
posted @ 2019-09-27 11:26 jessie-xian 阅读(147) 评论(0) 推荐(0) 编辑
摘要：
html部分 css部分 点击查看大图 html部分 css部分 阅读全文
posted @ 2019-09-27 11:23 jessie-xian 阅读(3217) 评论(0) 推荐(0) 编辑
摘要：
html部分 css部分 点击查看大图 html部分 css部分 阅读全文
posted @ 2019-09-27 11:22 jessie-xian 阅读(1367) 评论(0) 推荐(0) 编辑