定位绝对div和其元素的居中定位

时间:2015-02-25 07:53:25

标签: css positioning absolute

在此网站上编辑新闻框的css主题时:http://pureenergy.nazwa.pl/fwwm/wordpress/?page_id=364

我遇到了两个问题,这两个问题我很长时间都无法解决。我希望通过在这里提问来帮助我解决这些问题:)。

两个错误涉及.category1 div和.info .aut元素。

首先,当涉及到类别时,我希望它们居中并且不占据盒子的整个宽度,而只是占据它们默认的宽度。我可以通过删除width:100% div中的.category1指令删除该框的整个宽度。但遗憾的是,尽管我删除了float:left指令,但仍然会向左侧移动。我也无法制作负px /%边距,因为类别的宽度不固定(根据类别名称生成自身)。我应该怎么做才能让类别居中而不占据整个盒子的宽度?

其次,我在.info .aut元素中有类似的问题。我希望这个div的元素集中在一起,无论它们的宽度如何,都是根据autor的名称自动生成的。现在它居中,因为它的人工宽度为180px,不幸的是它在所有情况下看起来都不好看。我应该怎么做才能让这些div元素正确居中?

我期待着你的帮助!在此先感谢:)!

1 个答案:

答案 0 :(得分:0)

从要居中的元素中移除floats,然后添加display: inline-block; width: auto;并将text-align: center;添加到父元素。