`
leon1509
  • 浏览: 527154 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

不用 float 让 div 居右

    博客分类:
  • CSS
 
阅读更多
一个大的 div 里面有且只有一个小的 div,为了让小的 div 居右,可以使用 float,但大家都知道 float 会带来兼容方面的一些麻烦,为了使结构不那么复杂,可以使用 text-align、margin 来实现居右。

为了兼容 IE,对大的 div 指定样式:

text-align:right;
为了兼容 FF,对小的 div 指定样式:

margin:0px auto 0px auto;
同样,如果要居中:text-algin 可指定为 center,margin 的左、右边距可指定为 auto。


总结一下:
1. 定义CSS样式表
<style>
.div-right{ text-align:right;margin:0px auto 0px auto;}
</style>

2. 定义div

<div class="div-right">内容居右</div>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics