技术宅

当前位置:首页 > 网站教程 > 代码学习

代码学习

自适应模版手机版错位li或div高度不同产生错位的解决办法

时间:11-14 作者:
在手机自适应排版过程中往往需要用到ul,li标签,而且还是高度不固定的,这样在不同的屏幕下面就会出现错位的现象。
正常情况是这样的,样式是正常的。

但是当改变宽度的时候
在手机自适应排版过程中往往需要用到ul,li标签,而且还是高度不固定的,这样在不同的屏幕下面就会出现错位的现象。
 
  1. 正常情况是这样的,样式是正常的。


    li或div高度不同产生错位的解决办法
    li或div高度不同产生错位的解决办法
  2. 但是当改变宽度的时候,由于li里面的文字不一样的,导致高度不一样,


    li或div高度不同产生错位的解决办法
  3. 所以下面教大家一个解决办法,把   display: inline-block;加上把float:left,去掉就可以了


    li或div高度不同产生错位的解决办法
  4. 样式是不乱了但是他是底部对其展示的,


    li或div高度不同产生错位的解决办法
  5. 这里我们添加,vertical-align: top; */


    li或div高度不同产生错位的解决办法