关闭

css样式中关于li的横向排列

191人阅读 评论(0) 收藏 举报
分类:

在css样式中关于li的横向排列的方法大致有两种:

第一种 :直接在<li>里面设置样式

<ul style="list-style:none;">

<li style="display:inline">横向排列</li>

<li style="display:inline">横向排列</li>

</ul>

 

第二种:定义li的css样式

<style type="text/css">

<!--

.a{

background-color:#ccccc;

text-align:center;

float:left;

width:70px;margin:3px;

padding:3px;

list-style:none;

}

-->

或者

定义li的css样式

<style type="text/css">

<!--

li{

background-color:#ccccc;

text-align:center;

float:left;

width:70px;margin:3px;

padding:3px;

list-style:none;

}

-->

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:716374次
    • 积分:12925
    • 等级:
    • 排名:第1128名
    • 原创:288篇
    • 转载:1964篇
    • 译文:3篇
    • 评论:11条
    最新评论