IE下行框高度的问题

网站建设 2023-01-28 21:37www.1681989.com免费网站

狼蚁网站SEO优化是在IE6/7狼蚁网站SEO优化的结果:

这里是测试代码:

<?xml version="1.0" encodg="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>        {paddg:0;marg:0;}        html{}        body{le-height:1.5;text-align:center;font-size:14px;font-family:arial;}        .wrap{border:solid 1px blue;marg-bottom:10px;}        a{border:solid 1px red;text-decoration:none;color:#000;}        p{marg-bottom:20px;}        ul li{list-style:none;marg-right:20px;display:le;}        .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;marg: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="">测试用&nbsp;</a></li>         <li ><a href="">的文本&nbsp;</a></li>        </ul>    </div>  </div></body></html>

提示您可以先修改部分代码再运行

看来以后要慎重使用 Verdana的字体了，虽然很喜欢它。

上一篇：css ID类和class类的长命名与短命名下一篇：利用CSS定位背景图片 background-position

IE下行框高度的问题

seo网络推广搜索

推火网导航

seo

网络推广

网络营销

JS判断访客浏览器环境（pc端，移动端，还是微

IE下行框高度的问题

网站设计

seo网络推广搜索

推火网导航

seo

网络推广

网络营销

JS判断访客浏览器环境（pc端，移动端，还是微