定位相对中心屏幕和圆角答案

【问题标题】：Position relative center screen and round corners定位相对中心屏幕和圆角
【发布时间】：2013-03-13 02:26:55
【问题描述】：

我有这个 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;

圆角进入资源管理器

谢谢你的问候

【问题讨论】：

你有right header吗？
我可能错了，但我认为border-radius: 5px 5px / 5px 5px; 无效。 / 会是什么？

标签： css position rounded-corners

【解决方案1】：

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

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

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

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

【讨论】：