乔山办公网我们一直在努力
您的位置:乔山办公网 > office365 > div+css怎样才能<ul>lt;li>...-office段落右移段首靠左

div+css怎样才能<ul>lt;li>...-office段落右移段首靠左

作者:乔山办公网日期:

返回目录:office365


<ul>
<li><a>首页</a></li>
<li><a>公司简介</a></li>
<li><a>产品展示</a></li>
<li><a>客户留言</a></li>
<li><a>人才招聘</a></li>
<li><a>联系方法</a></li>
</ul>
</div>
css
.navi{
width:1000px;
height:30px;
background:url(../image/navi.gif) repeat-x;
}
.navi ul{
list-style:none;
margin:0;
}
.navi ul li{
float:left;
margin:7px 22px;
}

给你个例子:

<div class="f"><ul>
<li>第一行文字</li><li>第二行文字</li><li>第三行文字</li>
</ul></div>
<style>
*{margin:0;padding:0;}
.f{clear:both;width:300px;margin:auto;}
.f li{float:left;list-style:none;text-align:left;display:inline;width:280px;height:25px;line-height:25px;font-size:12px;overflow:hidden;}
</style>

1:css里面fixed,可以固定在zhidao以屏幕为坐标的地点
2:在或者用父元素position:relative;子元素:position:absolute;的方式进行绝对定位.
我认为你是第一种情况,想做一个漂浮起来的导航栏是吧?

你是要做横栏是吧
每个li 的里面添加 style="float:left;"即可
关键词不能为空
极力推荐

ppt怎么做_excel表格制作_office365_word文档_365办公网