将绝对定位元素与父元素的中间对齐

Question

如果我有以下内容：

<ul>
    <li></li>
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
</ul>

让第一个<ul>相对定位，而第二个<ul>绝对定位，是否可以将第二个<ul>的中间对齐到父<li>的中间位置，并保持响应？

要明确的是，这不是vertical-align，或与之有任何关联。

Answer 1

为了保持一个绝对定位的元素，它的父元素的中间（水平）没有固定的width，我建议：

#child {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

<强> Working Fiddle

Answer 2

这是否仅包含措辞或图像？

试试这个：

display: block;
margin-left: auto;
margin-right: auto;