IE 赏识器下行框高度的题目说明

发布时间：2018-09-01 09:04:52 所属栏目：运营来源：站长网

导读：这个题目较量忧郁，固然没有太明明的不同，可是在行使配景片的时辰总感受对不齐，神色极端不爽，单独写一个测试页面来看看，下面是在IE6/7下面的功效: 这里是测试代码: ?xml version=1.0 encoding=utf-8?!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans

　　这个题目较量忧郁，固然没有太明明的不同，可是在行使配景片的时辰总感受对不齐，神色极端不爽，单独写一个测试页面来看看，下面是在IE6/7下面的功效:

IE 赏识器下行框高度的题目说明

　　这里是测试代码:

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <style> *{padding:0;margin:0;} html{} body{line-height:1.5;text-align:center;font-size:14px;font-family:arial;} .wrap{border:solid 1px blue;margin-bottom:10px;} a{border:solid 1px red;text-decoration:none;color:#000;} p{margin-bottom:20px;} ul li{list-style:none;margin-right:20px;display:inline;} .t1{font-family:宋体;} .t2,.t4, .t6{font-family:verdana, 宋体;} .t4 ul li a,.t5 ul li a{zoom:1;} .t3,.t5{font-family:arial, 宋体;} h3{font-size:14px;font-weight:normal;color:#333;} </style></head><body><div style="width:960px;margin:0 auto;text-align:left;"> <h1 >IE中英混排时的行框高度题目</h1> <p >本日发明一个稀疏的题目: 在IE下面, 中英殽杂与纯中文的行框高度是纷歧样的，这然则个较量忧郁的题目;</p> <h3 >行使font-family:宋体</h3> <div class="t1 wrap"> <ul id=""> <li ><a href="">这里 Meta</a></li> <li ><a href="">测试用</a></li> <li ><a href="">的文本</a></li> </ul> </div> <h3 >行使font-family:verdana</h3> <div class="t2 wrap"> <ul id=""> <li ><a href="">这里 Meta</a></li> <li ><a href="">测试用</a></li> <li ><a href="">的文本</a></li> </ul> </div> <h3 >行使font-family:arial</h3> <div class="t3 wrap"> <ul id=""> <li ><a href="">这里 Meta</a></li> <li ><a href="">测试用</a></li> <li ><a href="">的文本</a></li> </ul> </div> <h3 >行使font-family:verdana, 同时使"a"标签 zoom:1</h3> <div class="t4 wrap"> <ul id=""> <li ><a href="">这里 Meta</a></li> <li ><a href="">测试用</a></li> <li ><a href="">的文本</a></li> </ul> </div> <h3 >行使font-family:arial, 同时使"a"标签 zoom:1</h3> <div class="t5 wrap"> <ul id=""> <li ><a href="">这里 Meta</a></li> <li ><a href="">测试用</a></li> <li ><a href="">的文本</a></li> </ul> </div> <h3 >行使font-family:verdana, 在不含英文的"a"标签中插手&-n-b-s-p-；而且不行使zoom:1</h3> <div class="t6 wrap"> <ul id=""> <li ><a href="">这里 Meta</a></li> <li ><a href="">测试用 </a></li> <li ><a href="">的文本 </a></li> </ul> </div> </div></body></html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

OPPO概念机泄露，5000	华为找到了让手机支持
Redmi K50 Pro屏幕升级	天玑8100电竞旗舰仅要