使微信小程序内的广告标签居中显示的方法-无锡马氪软件

【导读】出于美观考虑，前端工程师需要将微信小程序的部分标签垂直居中显示，无锡微信小程序开发-马氪软件今天为大家介绍下使得小程序内广告标签居中的方法。

出于美观考虑，前端工程师需要将微信小程序的部分标签垂直居中显示，无锡微信小程序开发-马氪软件今天为大家介绍下使得小程序内广告标签居中的方法。

一、直接给广告标签加style样式

如下面这个例子：

如果要实现广告标签<ad>居中显示，那么可以直接在他的外层增加<view>标签，来固定位置。

</view>

二、通过CSS样式（当然微信小程序里叫wxss）

view标签中文字和图片实现垂直居中，方法如下[例]：

wxml代码:

<text style='padding-left: 17px;'>选项一的大标题</text>

</view>

---------------------

wxss:

.content{

display: flex; /*设置显示样式**/

align-items: center; /**子view垂直居中*/

vertical-align: center; /**垂直居中*/

justify-content: center; /**内容居中*/

flex-direction:row; 子view排列方式row--水平 column--垂直

}

好了，以上是马氪软件为大家分析的微信小程序内部广告标签<ad>居中，和通过样式的方式让特定标签居中显示的方法，希望会对大家有所帮助。

无锡第二秀网络科技有限公司

微信小程序