专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > 跨浏览器开发

word-break在IE7下显示有有关问题

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
word-break在IE7下显示有问题
HTML code
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.categories li p{ float:right; width:690px;}
.categories a{ padding:0 5px; color:#713801; word-break:keep-all;word-wrap:break-word; overflow:hidden; white-space:nowrap; text-align:center; line-height:35px; _line-height:30px; display:block; float:left;
}</style>
</head>

<body>
<div class="categories">
        <div class="content">
          <h3><img src="file:///F|/Adobe Dreamweaver CS4/images/links.jpg" /></h3>
          <ul>
            <li><span>国家</span><p><a class="a1" href="#">法国</a><a class="a1" href="#">意大利</a><a class="a1" href="#">澳大利亚</a><a class="a1" href="#">西班牙</a><a class="a1" href="#">阿根廷</a><a class="a1" href="#">新西兰</a> <a class="a1" href="#">德国</a><a class="a1" href="#">智利</a><a class="a1" href="#">美国</a><a class="a1" href="#">意大利</a><a class="a1" href="#">澳大利亚</a><a class="a1" href="#">西班牙</a><a class="a1" href="#">法国</a><a class="a1" href="#">意大利</a><a class="a1" href="#">澳大利亚</a><a class="a1" href="#">西班牙</a><a class="a1" href="#">阿根廷</a><a class="a1" href="#">新西兰</a> <a class="a1" href="#">德国</a><a class="a1" href="#">智利</a><a class="a1" href="#">美国</a><a class="a1" href="#">意大利</a><a class="a1" href="#">澳大利亚</a><a class="a1" href="#">西班牙</a><a class="a1" href="#">阿根廷</a><a class="a1" href="#">新西兰</a> <a class="a1" href="#">德国</a><a class="a1" href="#">智利</a><a class="a1" href="#">美国</a></p><div class="clear"></div></li>
            <li><span>价格</span>
            <p><a class="a2" href="#">1-99元</a><a class="a2" href="#">100-199元</a> <a class="a2" href="#">200-299元</a><a class="a2" href="#">300-499元</a> <a class="a2" href="#">500-7999元</a><a class="a2" href="#">不限</a></p><div class="clear"></div></li>
            <li><span>品种</span>
            <p><a class="a3" href="#">红葡萄酒</a><a class="a3" href="#">白葡萄酒</a> <a class="a3" href="#">桃红/发容葡萄酒</a><a class="a3" href="#">甜酒</a> <a class="a3" href="#">香槟/起泡酒</a><a class="a3" href="#">冰酒</a> <a class="a3" href="#">其他类型</a></p><div class="clear"></div></li>
            <li class="none"><span>其他</span><p><a class="a4" href="#">酒具</a><a class="a4" href="#">电子酒柜</a></p><div class="clear"></div></li>
          </ul>
        </div>
      </div>
</body>
</html>

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: