CSS中心项与位置:相对;

前端之家收集整理的这篇文章主要介绍了CSS中心项与位置:相对;前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题你的CSS古茹在那里!

我有一个菜单出现在悬停在一个绝对定位的div。所有菜单项必须相对定位,因为绝对div将在页面上多次出现,并且在一个实例中将以多种大小出现。

当我不知道父div的大小时,我如何在垂直和水平方向上用’position:relative’来居中多个项目?

我知道“位置:绝对”技巧与负边距,但这种情况要求不同的东西。

您的帮助将非常感激。

编辑:

这里是代码

.OuterCase { 
  position  : absolute; 
  width     : 100%;  
  height    : 100%; 
  text-align: center;
}

.InnerItem  { 
   width  : 38px;
   height : 38px;
   display: inline-block;
}

我有它的水平中心的项目,它的垂直,这是一个有点难以捉摸。谢谢!

解决方法

或者,您也可以使用 CSS3 Flexible Box Model
这是创建灵活布局的一个很好的方法,也可以应用于中心内容,如:
#parent {
    -webkit-Box-align:center;
    -webkit-Box-pack:center;
    display:-webkit-Box;
}

猜你在找的CSS相关文章