论坛首页 Web前端技术论坛

CSS右对齐实现方法

浏览 3609 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-07-30  

用CSS实现右对齐,这似乎是一个太过基础的例子啊,不过越基础越容易出错,有时候甚至找不到头绪了,这也是我本人在刚开始写CsS的时候所遇到的问题,今天才次向CSS初学者演示一款极其简单的CSS右对齐代码,希望对你的前端设计开发有所帮助。代码如下:

<style>
li {float:right;list-style-type:none;}
div {width:200px;height:200px;background:#999;}
</style>
<div>
<ul>
<li>空天</li>
<li>然依</li>
<li>蓝么那</li>
</ul>
</div>

其实这里最主要的一个CSS属性就是float:right,也就是浮动属性:右对齐,也可以改成float:left,改成这样后,想一想,你可以扩展出许多的网页布局,比如最基础的网站导航菜单、友情链接列表、一行两列的文字列表等。

更多的请看我的web前端构架系列文章,总结了到目前为止我的所有经验:http://www.iteye.com/topic/1134881

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics