请问各位大佬如何将这三个内容以 “< > with ❤️in TMC” 显示?
wxml:
< image src = '/images/icon/字体代码 (1).png' style = "width:28rpx;height:28rpx" > </ image > < text class = "copyright" >with in TMC </ text > < image style = "width:28rpx;height:28rpx" class = "copyrightp" mode = "" src = '/images/icon/爱心 _实心 (1).png' > </ image > |
wxss:
.copyright { font-size : 28 rpx; color : #999 ; position : fixed ; bottom : 0 ; left : 0 ; right : 0 ; padding : 30 rpx; text-align : center ; } .copyrightp{ position : around; bottom : 0 ; left : 0 ; right : 0 ; padding : 30 rpx; align-items: around } |
兄dei,赶紧去百度一下flex布局,为以后的grid布局打打基础
谢谢大家的指导,现在已经可以这样了
再请教一下大佬们,如果用flex布局的时候,我想把两个icon的间距 变成这样 < > with ❤️by Andy....,需要如何布局呢?用了space-evenly,也不太对。谢谢各位了
在最外面套一个大盒子 用
display: flex;
align-items: center;
就可以一行居中了
试下flex布局
我写的难看,再说也没素材,你看看大神的教程吧,
一、http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
二、http://www.ruanyifeng.com/blog/2015/07/flex-examples.html