ie 和谷歌浏览器在display的边框显示不一样的解决办法

eg1:

<style>

.class2{displau:block; background-color:#e4f39e;width:150px;height:150px; border:10px solid green;}

</style>

result:

左侧是google上运行的结果右侧是在ie上运行的结果

在eg1上，用了display：block这个属性，在google浏览器中，display：block和border这两个属性的width值和height值会相加，即：外框是10px 乘以2（左右边框各10像素）+内框150px,总大小是10px 乘以2+150px=170px，就是宽和高都是170px;

在ie浏览器中，display:block和border这两个属性的width值和height值会重叠在一起，总大小就会是原来的大小。即宽和高都是150px;

解决的方法：

第一种：把display:block改为display:table-cell

步骤一:

<style>

.class2{displau:table-cell; background-color:#e4f39e;width:150px;height:150px; border:10px solid green;}

</style>

运行的结果：

google上 ie 上

在google和ie上，该模块的高度一致了，都是150px,只是宽度不同，谷歌的宽度是170px;ie的宽度是150px;所以接下来

步骤二,在最外层套一个类然后定义宽度。

eg3:

<style>

.calss1{width:150px;}

.class2{displau:table-cell; background-color:#e4f39e;width:150px;height:150px; border:10px solid green;}

</style>

google浏览器上 ie浏览器上

现在在这两个浏览器上显示的是一样的呢。方法是在声明一个类。定义你想要的宽度，在这里既是150px,然后套在最外层，定义宽度就好了，高度没哟必要定义了。

转载于:https://www.cnblogs.com/yuntai/p/3836059.html

ie 和谷歌浏览器在display的边框显示不一样的解决办法相关推荐

CAD文字显示为方框怎么办？CAD文字显示为方框的解决办法
有些小伙伴在CAD软件中打开图纸后发现之前图纸中正常显示的CAD文字数字,突然都不见了,这是怎么回事呢?其实出现这种状况很好解决,下面小编就来给大家介绍一下浩辰CAD软件中CAD文字显示为方框的解决办 ...
excel 科学计数法转换成文本完整显示_表格技巧—Excel里身份证号码显示不全的多种解决办法...
运用Excel表格可以快速统计和汇总数据,那么当在表格当中输入身份证号码时,表格通常显示不完全,这是为什么呢,今天小编就来给大家详细介绍当身份证号码显示不全时的多种解决办法,一起来学习一下吧. 首先, ...
eclipse java source_Eclipse中查看JAVA源代码显示SOURCE NOT FOUND解决办法
Problem:Java利用快捷键查看源代码显示Source not found 出现问题的原因:JDK目录下缺失src.zip文件只有javafx-src.zip src.zip文件:Java所有类 ...
Mac上安装第三方应用显示包资源破坏解决办法
Mac上安装第三方应用显示包资源破坏解决办法步骤1:Spotlight搜索(快捷键:command+空格或右上角搜索的符号):搜索 "终端" 步骤2:直接复制粘贴 sudo sp ...
用户配置文件同步服务，显示为正在启动解决办法
我的用户配置文件之前可以用,由于服务器更改密码之后无法启动,显示正在启动的解决办法: 1.管理工具--服务-- Forefront Identity Manager Service Forefron ...
excel表格数字显示不全_表格技巧—Excel里身份证号码显示不全的多种解决办法...
运用Excel表格可以快速统计和汇总数据,那么当在表格当中输入身份证号码时,表格通常显示不完全,这是为什么呢,今天小编就来给大家详细介绍当身份证号码显示不全时的多种解决办法,一起来学习一下吧. 首先, ...
移动硬盘显示成cd驱动器解决办法
移动硬盘显示成cd驱动器解决办法 1.移动硬盘插入电脑后显示 CD驱动器,在网上试了很多方法都没有效果,直到看到这个贴子,只需要两三步亲测好用. https://jingyan.baidu.com/ ...
暗黑地牢dlc文件夹或mods文件夹中某个mod在初始界面开新档不显示/不加载的解决办法
暗黑地牢 Darkest Dungeon dlc文件夹或mods文件夹中某个mod在初始界面开新档不显示/不加载的解决办法 (记录博文) 相关提示检查mod完整性(参考正确的mod文件结构进行判断) ...
发现U盘不显示盘符的解决办法
发现U盘不显示盘符的解决办法 Windows XP计算机,Administrator用户登录计算机,计算机可以识别U盘,但是资源管理器没有该U盘图标,试图强行访问该U盘,计算机弹出对话框"本 ...

ie 和谷歌浏览器在display的边框显示不一样的解决办法

ie 和谷歌浏览器在display的边框显示不一样的解决办法相关推荐

最新文章

热门文章