CSS如何设置并排显示

html-css020

CSS如何设置并排显示,第1张

使用3.0的column属性即可设置

div

{

columns:100px 3

-moz-columns:100px 3/* Firefox */

-webkit-columns:100px 3/* Safari 和 Chrome */

}

首先得明白行内元素和块级元素。li 是块级元素，要想使两个LI并排成水平排列，得把块级元素转化为行内元素。帮你写的如下：

<style type="text/css"

ul li { float:left

list-style:none/*去掉li前的点标记*/

margin:5px/*外边距*/}</style<ul<li<a href="#"系部快讯</a</li