ie11浏览器 内联元素设置padding-left,点击位置偏移

再td元素中设置padding-left:50%,内部包含两个按钮;在chrome浏览器中显示正常,点击按钮也没问题。

但是在ie11中,一上来显示是正常的,但是当点击按钮的时候,按钮就会往左侧偏移很多。

问题的原因:ie11内联元素设置padding,对于自然内联的元素,IE要求元素具有display: inline-block;;CSS属性,它将应用像填充这样的属性。因此,只需在内联元素中添加display: inline-block 。

注: ie11有的不加display:inline-block也是显示正常,我和几个同事的不会出现这个问题,但另个同事的就会出现。可能跟ie11小版本不同的原因有关。

未修改之前:

chrome显示正常,ie11点击按钮,按钮偏移。

  

修改之后:

添加display:inline-block; 重设padding-left即可。
chrome、ie11显示正常。

  
  
                        
                            
                        
                        
                        
                        
                        
                        
                        

你可能感兴趣的:(ie11浏览器 内联元素设置padding-left,点击位置偏移)