<div class="tagwraper">
<a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a>
<a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a>
<a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a>
</div>
<style>
.tagwraper{width:940px;/*990-48*/border:1px solid #E6E6E6;padding:24px; background:#fff; margin:0 auto;word-break : break-all; }
.tagwraper a{float:left;margin-right:26px;color:#3178C6;}
.tagwraper a:hover{background:#217BD1;color:#fff;}
</style>
------解决方案--------------------
- JScript code
<div class="tagwraper"> <a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a> <a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a> <a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a> </div> <style> .tagwraper{width:940px;/*990-48*/border:1px solid #E6E6E6;padding:24px; background:#fff; margin:0 auto;word-break : break-all; } .tagwraper:after{ content:"."; display:block; clear:both; height:0; visiblity:hidden; } .tagwraper{ zoom:1; /* for IE */ } .tagwraper a{float:left;margin-right:26px;color:#3178C6;} .tagwraper a:hover{background:#217BD1;color:#fff;} </style>
------解决方案--------------------
inline-block 行内块元素
参考下
http://www.blueidea.com/tech/web/2007/4532.asp