我是靠谱客的博主 酷炫未来,最近开发中收集的这篇文章主要介绍不用 float 让 div 居右,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

一个大的 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>

最后

以上就是酷炫未来为你收集整理的不用 float 让 div 居右的全部内容,希望文章能够帮你解决不用 float 让 div 居右所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部