X

使微信小程序内的广告标签居中显示的方法

时间:2019-08-08 11:26来源:无锡做网站公司

摘要:出于美观考虑,前端工程师需要将微信小程序的部分标签垂直居中显示,如果要实现广告标签<ad>居中显示,那么可以直接在他的外层增加<view>标签,来固定位置。

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

    一、直接给广告标签加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>居中,和通过样式的方式让特定标签居中显示的方法,希望会对大家有所帮助。


声明:除非注明,本站内容由无锡网站建设马氪软件原创发布©,转载请联系我们授权合作。

感谢您耐心阅读,祝好!
 您阅读这条内容,共花了: 

给这篇内容写个评语吧!

热门资讯
产品推荐

关于我们

了解我们,合作即是服务的开始


★你们主营业务有哪些? 

专注于企业网站建设、seo优化排名、网络营销、品牌形象设计、交互设计、画册设计、LOGO设计,OA系统开发、移动APP设计及开发等。我们了解大中小型企业的生意模式和需求,我们倡导让客户感知产品的应用体验价值,而不仅是产品的功能

★你们公司怎么样? 

马氪软件是徐伟轩创立的互联网产品与技术服务相结合的无锡软件公司。我们以帮企业获得更大成功为使命,为企业网络推广、品牌营销,助企业腾飞一臂之力!我们不喜欢“抄近路”、“套模板” 尽量建议客户采用原创设计!

★为了节省您的时间,您有任何需要,随时联系我们。注册账号,纵横全站

联系电话:0510-85873959

首页 > 新闻资讯 > 小程序开发
使微信小程序内的广告标签居中显示的方法
出于美观考虑,前端工程师需要将微信小程序的部分标签垂直居中显示,如果要实现广告标签<ad>居中显示,那么可以直接在他的外层增加<view>标签,来固定位置。
发布时间:2019-08-08
© 第二秀网络科技有限公司
长按识别二维码查看详细内容