位置div以中心为参考点？

Question

我有一个带动态文字内容的div。文本量在一个单词和五个或十个单词（大字体）之间变化。现在，它从相对定位的父母的底部和右边绝对定位了一些。

但是，由于内容是动态的，当有时有更多文本并且文本进一步进入父级的主区域时，它看起来很尴尬。这是因为现在，div的参考点是它的右下角。 是否可以将中心定位为参考点，如上所示？

父容器的样式正常，position: relative;和100% width and height

子容器的CSS也是相当标准的：

position: absolute;
bottom: 33%;
right: 33;

我尝试过播放宽度，最大宽度和最小宽度，但结果仍不理想

Answer 1

这个怎么样？使用fiddle1＆amp;下面的CSS比较这两个小提琴。 fiddle2

<强> HTML

<div id="parent">
    <div id="anchor">
        <div id="child">
            <h1>Some text</h1>
        </div>
    </div>
</div>

<强> CSS

#parent {
    position: relative;
    width: 100%;
    height: 100%;
}
#anchor {
    position: absolute;
    right: 33%;
    bottom: 33%;
}
#child {
    padding: 10px;
    margin-right: -50%;
    float: right;
}