0

我有这个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 等，都很好看，很完美！但是在 explorer 9 中看到不好，并且在所有版本的 explorer 中，都不能将屏幕中心放在屏幕上总是向左移动，或者在其他情况下，如果我向右更改某些内容

可以将 div 居中，但不使用 div align=center

另一方面，它可能在资源管理器中起作用：

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

对于圆角进入资源管理器

感谢和问候

4

3 回答 3

0

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

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

于 2013-03-11T20:35:04.673 回答
0

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>
于 2013-03-12T16:26:25.490 回答
-1

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

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

于 2013-03-12T18:26:55.347 回答