position absolute div 及其元素的居中定位

position absolute div and centered positioning of its elements

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

我遇到了两个问题,都解决不了很久。我希望通过在这里提问,您将能够帮助我解决这些问题:)。

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

首先,关于类别,我希望它们居中,而不是占据框的整个宽度,而只是它们默认的宽度。框的全宽,我可以通过从 .category1 div 中删除 width:100% 指令来删除。但不幸的是,即使我删除了 float:left 指令,caregories 仍然坚持在左边。我也无法制作负 px/% 边距,因为类别的宽度不固定(根据类别名称自行生成)。我应该怎么做才能使类别居中而不占据框的整个宽度?

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

期待您的帮助!提前致谢:) !

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