出于美观考虑,前端工程师需要将微信小程序的部分标签垂直居中显示,无锡微信小程序开发-马氪软件今天为大家介绍下使得小程序内广告标签居中的方法。
一、直接给广告标签加style样式
如下面这个例子:
如果要实现广告标签<ad>居中显示,那么可以直接在他的外层增加<view>标签,来固定位置。
<view style='align-items:center;display:flex; justify-content:center;'>
<ad unit-id="99f615ad0oh1if16g8"></ad>
</view>
二、通过CSS样式(当然微信小程序里叫wxss)
view标签中文字和图片实现垂直居中,方法如下[例]:
wxml代码:
<view class="content" >
<text style='padding-left: 17px;'>选项一的大标题</text>
<image src="./navigator-images/u16.png" style=";padding-left: 55%; vertical-align: middle;width:10px; height: 15px;" ></image>
</view>
---------------------
wxss:
.content{
display: flex; /*设置显示样式**/
align-items: center; /**子view垂直居中*/
vertical-align: center; /**垂直居中*/
justify-content: center; /**内容居中*/
flex-direction:row; 子view排列方式row--水平 column--垂直
}
好了,以上是马氪软件为大家分析的微信小程序内部广告标签<ad>居中,和通过样式的方式让特定标签居中显示的方法,希望会对大家有所帮助。
本文链接:http://mkapps.cn/news/weixin/334.html
无锡第二秀网络科技有限公司
- 旗下 : 马氪软件
- 主营业务 : 网站设计开发;微信公众号、小程序开发;APP开发;网络营销推广;广告设计 等
- 联系人 : 徐经理
- 手机 : 18706171959
- 电话 : 0510-85873959
- 邮箱 : b1990g228@qq.com
- 网址 : http://mkapps.cn
