关于div的居中显示

温故而知新!自己准备做点小东西的时候用了图片居中,突然想起老师说的另一种解决方法!但是我的脑容量有限,依稀只记得有另外一种方法,幸好我旁边的美女提点我才得以实现!现在就记下来,不然再次忘了我怕她就要打我了,哈哈!

方法1:给div一个 absolute;left : 50%; top : 50%; margin-left : -div宽度的一半; margin-top : -div高度的一半; 这样就居中啦!(适用于知道div高宽的情况下)

方法2:给div一个absolute; left:0; top:0; right: 0; bottom: 0; margin:auto;(若div是height:auto;的时候可以用此方法)

如果要让div针对父元素来定位的话就给父元素一个position:relative;就可以了。不加就是针对于整个浏览器窗口来定位的!

方法1适用于知道div的高宽情况下

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • 收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
    itclanCoder阅读 8,222评论 3 30
  • div水平居中的N种方法 一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它...
    fredah阅读 5,968评论 0 1
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 974评论 0 1
  • 持续不断的走路,听知识。
    新丽学阅读 172评论 0 0