Html 使绝对定位的div内的内容居中（父容器内）

我有一个固定宽度和中心的容器。在容器内部，我有两个div，它们的位置与并排的窗口相对。在这些div中，我还有其他我想要集中的内容（最好是容器）

以下是简化代码：

#容器{
宽度：960px；
高度：1000px；
背景：红色；
保证金：0自动；
}  
#windowdiv{
高度：200px；
背景：紫色；
填充顶部：20px；
位置：绝对位置；
左：0；
右：30%；
顶部：25px；
}
#windowdiv2{
高度：200px；
背景：蓝色；
填充顶部：20px；
位置：绝对位置；
左：60%；
右：0；
顶部：10px；
}
一些内容

一些内容

< /代码> 将此添加到您的CSS中，将您的文本集中在这些框的中间：

​#windowdiv p, #windowdiv2 p {
    ​text-align: center;
    ​height: 100%;
    ​line-height: 180px;   
}​

这是假设框的高度是固定的，因为我们设置了线高度。（200px-20px（顶部填充）=180px）
我觉得有点不清楚你想要什么。你能详细说明一下吗？检查代码。我希望父div中的p标记包含在容器div中并相对于容器div居中，而不是相对于窗口大小居中。例如：？@passerno。我希望p限制在容器div中（它是960px宽且居中）@siner55我不确定我是否理解正确。您希望两个
P
s以红色容器为中心，同时在两个
windowdiv
内保持其DOM位置？我希望P元素约束在容器div内抱歉，我不明白您的意思。我看到了您的#windowdiv和#windowdiv2 div中的文本。详细说明。请看我问题下面的评论
​#windowdiv p, #windowdiv2 p {
    ​text-align: center;
    ​height: 100%;
    ​line-height: 180px;   
}​