微信小程序 inlin-block 不对齐问题。

本文主要是介绍微信小程序 inlin-block 不对齐问题。，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 

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 的类型就好了。     

 

这篇关于微信小程序 inlin-block 不对齐问题。的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---