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>
<li alt="word-break在IE7上显示有有关问题" />
接分
[解决办法]
word-break:keep-all;
与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
break-all : 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
word-wrap:break-word;
内容将在边界内换行。如果需要,词内换行( word-break )也将发生
word-break:keep-all; word-wrap:break-word; 可以一起用吗?
word-break:break-all; word-wrap: break-word; 吧!