css
August_ccc�
这个作者很懒,什么都没留下…
展开
-
图片与文字垂直方向对齐
css:.info-success{ color: #1079e2; img{ width: 50px; height: 50px; margin-right: 20px; vertical-align: middle; } ...原创 2019-10-29 17:31:55 · 268 阅读 · 0 评论 -
rem和em区别
em 和 rem都是灵活、 可扩展的单位,由浏览器转换为像素值,具体取决于您的设计中的字体大小设置。主要区别rem是基于父元素的字体大小为单位进行缩进,而em是根据自身元素的字体大小进行缩进。示例...原创 2019-08-21 12:16:10 · 137 阅读 · 0 评论 -
flex布局采用space两端布局,但是最后一行如何让他左对齐
效果:.baby-list { width: 100%; display: flex; padding: 0 28rpx; justify-content: space-between; flex-wrap: wrap;}/* 添加伪类,使最后一行左对齐 */.baby-list:after {content: "";flex: auto;}...原创 2019-08-21 12:18:39 · 1905 阅读 · 0 评论 -
微信小程序 Image 图片实现宽度100%,高度自适应
需求:需要实现一个图片列表,宽度为屏幕的100%,高度根据图片尺寸自适应,<image>标签默认height: 240px;解决方法:样式设置宽度100%,.img{ width: 100%; }添加属性 mode=“widthFix”,<image class="img" src="" mode="widthFix">即可实现!...原创 2019-08-26 11:20:29 · 1342 阅读 · 0 评论 -
利用css给奇数行或偶数行添加指定样式
odd表示奇数行,even表示偶数行;tr:nth-child(odd);原创 2019-09-09 10:12:40 · 618 阅读 · 0 评论 -
不规则图片加阴影
今天分享一个 CSS 小技巧:假如需要给一个不规则图片加阴影的话,直接使用 box-shadow 通常是行不通的。这时候我们可以使用 filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3))以下图片的状态分别为:filter、box-shadow、原图。大家可以看到通过 drop-shadow 可以完美的给不规则图片加上阴影...原创 2019-09-09 18:38:22 · 1012 阅读 · 0 评论