如何让元素不互相影响 DIV 当中的元素一个居左另一个居右显示?

使DIV绝对居中于浏览器中心,如果浏覽器改变大小,div始终上下左右都居中.


top:50%;left:50%; 是div四个角中的左上角居于浏览器中央.注意此处定义top和left值是相对于div的左上角,此刻div的位置应该为如图所示.

(此時我们只要把div往左移动整个div宽度的二分之一,再往上移动整个div高度的二分之一就可以了)

图片的居中显示css有很多方法但茬很多情况下有的方法无效,这是件很头疼的事情在研究wordprss程序的时候,无意发现这个系统的官方处理图片居中居左,居右的css写法分享一下!

比如一个图片的<img class=”alignleft “>,居左设置图片的img属性左浮动;居右,设置右浮动;水平居中设置margin:auto。后来一想这个办法很不错,应该昰一个在很多情况下都有效的方法!

一般设置图片属性text-align:centre水平居中但这个方法经常无效,以后还是采用以下写法吧!

图片的居中显示css有很多方法但茬很多情况下有的方法无效,这是件很头疼的事情在研究wordprss程序的时候,无意发现这个系统的官方处理图片居中居左,居右的css写法分享一下!

我要回帖

更多关于 如何让元素不互相影响 的文章

 

随机推荐