怎么居中显示一个自适应宽高的div？

比如有个一个div。。里面包含着一个img元素。。如何使得这个div的宽高自适应。。而且使得div在屏幕中居中显示？？

查看完整描述

6 回答

颖子黑豆

TA贡献9条经验获得超7个赞

可以设置display:inline 然后设置text-align:center

2 反对回复 2016-04-15

淡雅的默

TA贡献102条经验获得超139个赞

div{width:auto;margin:auto;height:auto; position:relative}

1 反对回复 2016-04-14

yangwwei
你好。。这样好像并不能解决问题啊。。下面的不能达到效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> *{margin:0px;padding:0px;font-size:15px;} ul,ol{list-style: none ;} #box{width:auto;margin:auto;height:auto; position:relative;} </style> <body> <div> <div id="box"> <ul> <li><img src="http://img1.sycdn.imooc.com//54111cd9000174cd04900170.jpg" alt=""></li> <li><img src="http://img1.sycdn.imooc.com//54111dac000118af04900170.jpg" alt=""></li> <li><img src="http://img1.sycdn.imooc.com//54111d9c0001998204900170.jpg" alt=""></li> <li><img src="http://img1.sycdn.imooc.com//54111d8a0001f41704900170.jpg" alt=""></li> <li><img src="http://img1.sycdn.imooc.com//54111d7d00018ba604900170.jpg" alt=""></li> </ul> </div> </div> </body> </html>

回复 2016-04-14
淡雅的默
#box { width:auto; max-width:490px; margin:auto; height:auto; position:relative; }

回复 2016-04-14

qq_梦繁花会开_0

TA贡献1条经验获得超1个赞

position:absolute就是脱离正常文本流了，没有办法撑起父元素的宽高。

1 反对回复 2016-04-14

猿小天

TA贡献5条经验获得超0个赞

高度要设置多少像素，宽度用auto

反对回复 2016-04-14

一毛钱

TA贡献156条经验获得超57个赞

{margin:0px auto}

反对回复 2016-04-14

6 回答