小程序里面，view button组件设置display为inline-block，会上下错开

如图，很简单的结构和样式

使用view、button组件，两个组件上下错开，

换成两个都是view，或者都是button无问题，

此处存个疑( ′◔ ‸◔`)

奇奇怪怪的东西是由于基线影响的，解决办法就是给inline/inline-block元素设置vertical-align:top/bottom/…

不想产品拿刀追杀~~~~(>_<)~~~~ 具体下回分解

小程序里面，view button组件设置display为inline-block，会上下错开相关推荐

头条小程序 button组件设置边框问题
在uni-app框架下适配头条小程序,给button组件设置圆角出现了以下现象: 按uni-app文档给button组件加上plain 在开发者工具中可以了,但真机上还是不行. 看了一下字体跳动小程序 ...
手把手教你实现小程序中的自定义组件
之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,当时官方对这方面的文档也只是寥寥几句,一笔带过而已,所以写起来真的是非常非常痛苦!! 好在微信小程序的库从 1.6.3 开始,官方对于 ...
小程序中圆角边框的设置
与CSS一样,小程序中的圆角可以通过border-radius来设置. 以input为例,想要设置圆角边框,只需加上如下样式: border-radius: 5px 1 即可实现如下效果: 不 ...
微信小程序入门之常用组件(04)
常见组件重点讲解微信小程序中常见的布局组件 view,text,rich-text,button,image,navigator,icon,swiper, radio,checkbox 等一.vi ...
微信小程序常用视图容器组件
微信小程序常用视图容器组件 1.组件概述 2.常用的试图容器组件 2.1 view 2.1.1 案例 2.2 scroll-view 2.2.1 案例 2.3 swiper 2.3.1 案例 1.组件 ...
微信小程序解决view点击事件穿透地图map触发markertap
微信小程序中使用map组件,ios手机中点击地图上的view,会触发底下的markertap,只要底下如果有marker点的话. 这就造成了用户体验不是很好. 然后无意间我发现点击能滑动的scroll ...
微信小程序学习——view的显示与隐藏
微信小程序学习--view的显示与隐藏需要在全局数据块中,设定一个控制键. data: {......//省略其他代码showView: true}, 然后是在wxml中,view的class中设置 ...
微信小程序下拉框插件_微信小程序下拉框组件使用方法详解
本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等一.省市三级联动使用注意mode = ...
微信小程序 - 进阶（自定义组件、promis化、mobx、分包、自定义tabBar）
文章目录一.自定义组件 1.创建组件 2.引用组件 3.组件和页面区别 4.组件样式 5.data.methods.properties 6.小程序的 data 和 properties 区别 7. ...

小程序里面，view button组件设置display为inline-block，会上下错开

小程序里面，view button组件设置display为inline-block，会上下错开相关推荐

最新文章

热门文章