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点击按钮，按钮偏移。

  <td colspan="2" style="padding-left:50%;white-space: nowrap;">

修改之后：

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

  <td colspan="2" style="display:inline-block;padding-left:60%;white-space: nowrap;">

  <tr>
                        <td class="control-label label-left">
                            <span></span>
                        </td>
                        <td colspan="2" style="display:inline-block;padding-left:60%;white-space: nowrap;">
                        <button style="border-radius: 0;" class="preStep btn btn-sm btn-primary">
                            <span>上一步</span>
                        </button>
                        <button style="border-radius: 0;" class="btn btn-sm btn-primary"
                                ng-disabled="webAccess.userAddress.$error.maxlength || webAccess.userPhone.$error.mobileValid
                                || webAccess.userName.$error.maxlength || webAccess.appNum.$error.maxlength || webAccess.appNum.$error.pattern
                                ||webAccess.domainE1.$error.pattern || webAccess.domainS1.$error.pattern
                                ||webAccess.domainE2.$error.pattern || webAccess.domainS2.$error.pattern
                                ||webAccess.domainE3.$error.pattern || webAccess.domainS3.$error.pattern
                                ||webAccess.domainE4.$error.pattern || webAccess.domainS4.$error.pattern
                                ||webAccess.domainE5.$error.pattern || webAccess.domainS5.$error.pattern
                                ||webAccess.domainE6.$error.pattern || webAccess.domainS6.$error.pattern
                                ||webAccess.domainE7.$error.pattern || webAccess.domainS7.$error.pattern
                                ||webAccess.domainE8.$error.pattern || webAccess.domainS8.$error.pattern
                                ||webAccess.domainE9.$error.pattern || webAccess.domainS9.$error.pattern
                                ||webAccess.domainE10.$error.pattern || webAccess.domainS10.$error.pattern"
                                ng-click="createrecord.save('webAccess')">
                            <span>暂存</span>
                            <!--||webAccess.domainE{{info.operate.length}}.$error.pattern || webAccess.domainS{{info.operate.length}}.$error.pattern"-->
                        </button>
                        <button type="submit" data-toggle="tab" style="border-radius: 0;" class="btn btn-sm btn-primary"
                                ng-disabled="mainUnit.$invalid || mainPerson.$invalid || webRecord.$invalid || webPerson.$invalid || webAccess.$invalid
                                || !fileLen || !createrecord.mainUnit.province || !createrecord.mainUnit.city || !createrecord.mainUnit.county || ssqValid
                                ||(createrecord.webRecord.ifPrepose=='true' &&  createrecord.arr.length==0) || (createrecord.webRecord.ifPrepose=='true' && createrecord.arr == undefined)
                                || (createrecord.arr2.length==0)"
                                ng-click="createrecord.submitRecord('webAccess')">
                            <span>提交审核</span>
                        </button>
                        </td>
                        </tr>