如果只对A标签使用一个“white-space: nowrap;”属性，则在火狐里面正常，在IE和Chrome里面会把所有的A标签均显示在一行，不要我们需要的样子。
.div_box{width:470px;}
.div_box a{white-space: nowrap; display:inline-block;}
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="gbk" />
<title>New Document</title>
<meta name="generator" content="EverEdit" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
.div_box{width:200px;}
.div_box a{white-space: nowrap; display:inline-block; margin-right:10px;}
</style>
</head>
<body>
<div class="div_box">
<a href="">你好啊</a>
<a href="">你好啊你好啊</a>
<a href="">你好啊你好啊</a>
<a href="">你好啊</a>
<a href="">你好啊你好啊你好啊</a>
<a href="">你好啊你好啊</a>
<a href="">你好啊你好啊你好啊</a>
</div>