当前位置: 代码迷 >> 跨浏览器开发 >> word-break在IE7上显示有有关问题
  详细解决方案

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

热度:9545   发布时间:2013-02-26 00:00:00.0
word-break在IE7下显示有问题
<!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>
  相关解决方案