Question

我有这个css：

#content_search
{
position:relative;
top:50px;
width:650px;
border:5px solid #111;
-moz-border-radius: 5px 5px;
 border-radius: 5px 5px / 5px 5px;

}

在所有导航器中，如firefox，chrome等看得很精致，完美！但是在资源管理器9中看到错误并且在所有版本的资源管理器中，没有可以将屏幕中心放在左边或者在其他情况下如果我改变了某些东西

它可能使div居中，不使用div align = center

另一方面，它可能适用于资源管理器：

-moz-border-radius: 5px 5px;
 border-radius: 5px 5px / 5px 5px;

圆角进入探险家

感谢问候

Answer 1

如果您希望将所有角落的border-radius设置为相同的单位，则无需指定位置。只需border-radius: 5px;即可。

如果要将容器元素置于其父div中，请使用margin: 0 auto;。理论上，你也可以将父div设置为text-align: center;，将子div设置为display: inline-block;，但我发现边缘方法在浏览器中的错误较少。

Answer 2

CSS

#content_search
{
  position:relative;
  top:50px;
  width:650px;
  border:5px solid #111;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div id="container">
    <div id="content_search">
        <span>My Content</span>
    </div>
</div>

Answer 3

使用margin: 50px auto;将div放在中心（速记边距中的50px将替换top:50px;）。请记住，当使用左边距和右边距都自动时，必须在div上设置宽度

http://jsfiddle.net/galenw/LWQfA/

定位相对中心屏幕和圆角

3 个答案: