微信小程序 inlin-block 不对齐问题。
来源:互联网 发布:视频转gif 知乎 编辑:程序博客网 时间:2024/05/27 00:42
1 将 并列的 view 设置为 inline-block 后 会出现 不对齐的问题 ,
<navigator url=" ">
<view style="display:inline-block:"><image src="{{item.img}}" ></image>
</view>
<view style="display:inline-block:">
<view> </view>
</view>
</navigator>
2 在 添加上 vertical-align:top; 后就会对其。
<navigator url=" ">
<view style="display:inline-block:vertical-align:top;"><image src="{{item.img}}" ></image>
</view>
<view style="display:inline-block:vertical-align:top;">
<view> </view>
</view>
</navigator>
3 应该是由于display:inline-block; 是基于vertical-align:baseline 对齐的, 改变一下vertical-align 的类型就好了。
0 0
- 微信小程序 inlin-block 不对齐问题。
- display:inlin、block、inlin-block的区别
- 解决设置inline-block后不对齐问题。
- 解决: 排列inline-block元素出现顶部不对齐的问题
- 在百度中找到的下面的display:inlin-block
- display:inlin-block和inline有什么不一样啊
- Safari浏览器inline-block水平对齐问题
- 关于display inline-block的对齐问题
- 两个inline-block元素上下不对齐,出现错位
- overflow:hidden display:inline-block 行内对齐问题
- Android TextView显示中文不对齐问题
- Android TextView显示中文不对齐问题
- 关于p标签不对齐问题
- Android TextView显示中文不对齐问题
- 视频拼接exportAsynchronouslyWithCompletionHandler block不调用问题
- inline-block对齐
- 一个C程序的数据类型对齐问题
- 微信小程序中tabBar不显示问题
- 26.Ugly Number2
- MATLAB中Excel文件的读写
- Windows/Linux下C/C++内存泄露检测工具
- 文章标题
- android使用webview预览png,pdf,doc,xls,txt,等文件
- 微信小程序 inlin-block 不对齐问题。
- JSP九大内置对象及四个作用域
- <转载>conv_layer和deconv_layer解读
- 西电捷通完整性测试技术与网络安全协议检测系统互操作
- NopCommerce 源码研究(四)数据库相关
- 每个成功的程序员,都会掌握这三种语言!
- 翻译一个图片选择器:ImageSwitcher
- swift 逻辑分支
- Function,Consumer,Predicate 接口