css - 定心浮子

Question

我想让图片加上灰色背景居中。

主体的样式设置如下:

body {margin-left:auto;margin-right:auto;width:1000px;}

图片的div是这样的:

{width:auto;margin-left:auto;margin-right:auto;float:right;}

图片样式是这样的:

{border:0px;padding:0px;margin:0px;}

如果我删除 float 图像周围的灰色边框将填满整个页面。而且我不想为边框指定一定的宽度，因为有些图像很大，有些很小。

我需要帮助使图像居中!

Answer 1

• 添加text-align: center至 #chpheader , 并删除 float: right .
• 添加display: inline-block至 <div style="text-align:center;background-color:#DCDEDD;margin-top:20px;border-radius: 20px;"> .
• 如果您需要 IE6/7 兼容性，请改为添加 display: inline-block; *display: inline; zoom: 1 .

你不应该使用内联样式。