首页
网络新闻
seo优化
网络营销
网络推广
建站知识
网络安全
网络编程
网络编程
奇闻怪事
主页
/
建站知识
/
IE下行框高度的问题
建站知识
2021-07-03 08:42
www.168986.cn
长沙网站建设
狼蚁网站SEO优化是在IE6/7狼蚁网站SEO优化的结果:
这里是测试代码:
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://.w3./1999/xhtml"><head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <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狼蚁网站SEO优化, 中英混合与纯中文的行框高度是不一样的,这可是个比较郁闷的问题;</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>
提示:您可以先修改部分代码再运行
看来以后要慎重使用 Verdana的字体了,虽然很喜欢它。
上一篇:
CSS 实现的图片宽高自适应固定边框
下一篇:
css 行级元素在多浏览器下的宽度问题 与解决方法
长沙网站设计
小企业网页制作 小企业网页制作方法
企业网站建设现状
网站建设找哪家
东莞个人网站制作
武汉企业网站建设
东莞网站设计公司
网站建设案例 网站建设成功案例
郑州app开发价格
开发微信小程序的流程
网站建设的过程
广州app定制开发
快速免费建网站
苏州网站建设公司哪家好
微网站建设报价
重庆网站制作
广告公司网站模板
狼蚁网络搜索
狼蚁网络导航
长沙seo优化
小企业网页制作 小企业网页制作方法
企业网站建设现状
网站建设找哪家
东莞个人网站制作
武汉企业网站建设
长沙网络营销
1
免费私人服务器
2
南宁企业建站
3
html网站模板建站
4
制作网站的公司 网站制作专业的公司
5
中国域名服务商有哪些?2021年中国十大域名注册
长沙网站建设
HTML5获取当前地理位置并在百度地图上展示的实例
传统企业转型互联网的十大死法
在html5的Canvas上绘制椭圆的几种方法总结
DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成
如何书写网站title关键词的个人一些方法分享