怎样让div内部两个ul标签横向两端对齐?

怎样让div内部两个ul标签横向两端对齐?
横向导航栏是用DIV层做的,导航栏左侧对齐,现在需要在与导航栏同行的右侧再添加一个登陆链接,这个登陆链接要向右对齐。简单的说,就是页眉只有一行,现在导航栏向左对齐,而同行的登陆链接向右对齐,并且都是用UL标签,使用同一个CSS。

请问如何实现?高手帮下忙。

<style>
.box{ width:100%; background:#0099FF; }
ul{ margin:0; padding:0; list-style:none; }
ul .li1 { float:left; }
ul .li2 { float:right; }
.clean{ clear:both; }
</style>
<div class="box">
<ul>
<li class="li1">导航区域</li>
<li class="li2">登录区域</li>
<div class="clean"></div>
</ul>
</div>
恩 这个代码在火狐和ie里都能正常显示的
快复制粘贴看看吧 祝楼主好运!
温馨提示:内容为网友见解,仅供参考
第1个回答  2009-06-24
/*css*/

.box{width:800px;margin:auto;clear:both;overflow:hidden;zoom:1;}
.ul1{float:left;clear:left;}
.ul2{float:right;clear:right;}

<!--html-->
<div class="box">
<ul class="ul1">………………</ul>
<ul class="ul2">………………</ul>
</div>

如何使div里的两个div两端对齐
设置所在层的padding和margin属性就好了如下 div { padding:10px; } div img { margin-right:10px; margin-bottom:10px; } 还可以设置一下行距:line-height:30px;字体间距根据需要调节:letter-space:1px;(负数是间距越来越小,正数是间距越来越大)记得将div修改成所在层的id或者class。

怎样使div里的文字两端对齐?
border:1px solid #ccc; padding:5px;}.duiq li{ float:left; width:60px; height:30px; line-height:30px; text-align:center;}ul,li{ padding:0; margin:0;}a{ font-size:14px; color:#333; text-decoration:none;}<\/style>这种可以实现对齐 最主要还是看你想怎么排版 下面是表格做...

div+css 超链接内的文字如何让他两端对齐?
首先给<a 标签 转为块级元素 对他们进行定位可办到记得加个span标签 <li><a href="[field:arcurl\/]">[field:name\/] <span>经验:[field:time\/]<\/span><\/a><\/li> 以下是样式 .left_new_ul LI A { COLOR: #614a10; display:block; position:relative;} .left_new_ul LI A span{ ...

css如何将div居中显示css怎么让div居中显示
1、使用p标签创建一个模块,在p内,再使用p标签创建两个模块,并分别设置p标签的class属性和id属性。。2、在css标签内,通过class或id分别定义p的宽度和高度、背景颜色。3、在css标签内,再设置最外层p为flex布局,并通过align-items属性设置p内两个p垂直方向居中对齐,通过justify-content属性设置p内...

Bootstrap导航条如何居中 两端对齐呢? navbar-nav 和nav-justified_百度...
margin-left:auto;margin-right:auto;左右对齐。margin:0 auto;居中对齐。bootstrap总只要是含有container类名的div都是可以居中的无论在什么设备中。导航条:导航条(navbar)和的导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个...

div怎么上下两个字和三个字对齐
可以通过使用text-align: justify;样式实现文本两端对齐,来让三个字和两个字对齐。 text-align 有一个属性值为 justify,为对齐的意思。其实现的效果就是可以让一行文字两端对齐显示(文字内容要超过一行)。

...一半左边对齐 另一半右边对齐? 要求在同一个Div里面
用<ul> <li><span><\/span><\/li> <\/ul> 让里面的span左浮动就可以做到了

css里面怎样让两行文字两端对齐
文字对齐用:text-align,以下是text-align属性的值与描述,希望对你有所帮助;left:把文本排列到左边。默认值:由浏览器决定。right“把文本排列到右边。center:把文本排列到中间。justify:实现两端对齐文本效果。inherit:规定应该从父元素继承 text-align 属性的值。

怎样用css实现一段文字的竖直排版啊?
一部分是水平方向的阅读顺序,另一部分是垂直方向的阅读顺序。writing-mode和text-align是网页文字排版的两个中重要的属性。writing-mode如上是设置文字的书写方向。text-align是设置文字的对齐方向,其主要参数有left:左对齐,right:右对齐,center:居中,justify:两端对齐。

...固定固定的block,中间用空格填充,怎么操作?
在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。text-align直接设为justify就行了,text-justify的情况就复杂了,可能有人对它还不熟悉。IE的取值如下:auto :允许浏览器用户代理确定使用的两端对齐法则 inter-word ...

相似回答