首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 跨浏览器开发 >

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

2013-01-07 
word-break在IE7下显示有问题!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w

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; 吧!

热点排行