ul 水平,行内块放置
<style type="text/css">
ul.ul_inline {
display: inline-block;
list-style: none;
border: 0;
width: 350px;
margin: 0;
padding: 0;
overflow: hidden; /* 超過範圍隱藏 */
white-space: nowrap; /* 不斷行 */
list-style-type:none;
}
ul.ul_inline li{display: inline; /* 水平排列 */}
ul.ul_inline li a {
display: inline-block; /* 水平內顯示為區塊 */
border: 2px solid #ccc;
padding:0 20px;
color:#0033FF;
text-decoration:none;
font-size:12px;
line-height:21px;
}
</style>
ul 取消每行前面那个点点
list-style-type:none;