容器宽度适合他的孩子宽度

时间:2012-07-10 11:44:59

标签: html css

也许这是一个愚蠢的问题,但我不能靠自己来解决。 我有一个容器(div),其中包含一些其他元素(示例段落,图像等)。 我想为容器的宽度分配一个值,以便将其置于页面中心。 (默认行为使容器的宽度为100%,所以我无法居中) 我发现很多帖子都在讨论如何让子元素的宽度适合容器的宽度,但我知道反过来的唯一方法是使用javascript(我想避免这种情况)。

有没有办法通过css做到这一点?

提前致谢!

2 个答案:

答案 0 :(得分:3)

如果我不理解你,请纠正我。

你有一个div,其子元素的宽度未知,并希望div居中。

正如Billy Moat所说,你可以通过添加带有“text-align:center”的父div作为css属性来实现这一点。

您不需要为要居中的div添加固定宽度;相反,添加

display:inline-block;

到这个div。 div现在将居中并占据子元素的宽度。

答案 1 :(得分:0)

如果我理解正确,那么这就是你需要做的事情。

你需要在你已经提到的DIV之外的容器DIV上设置“text-align:center”。

然后内部DIV应该有一个设定的宽度,并且还有“margin-left:auto”和“margin-right:auto”。

希望有所帮助。