ul 水平,行内块放置,取消点点

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;

转载于:https://www.cnblogs.com/henw/archive/2011/04/20/2021757.html