Question

我正在使用align="center"，但它不起作用，它也是一样的。

我的代码如下：

    <div align="center">
<div class="tree">
    <ul>
        <li>
            <a href="#">my text</a>
            <ul>

                <li>
                    <a href="#">text</a>
                    <ul>
                        <li>
                            <ul>
                                <li>
                                    <a href="#">text</a>
                                </li>
                                <li>
                                    <a href="#">text</a>
                                </li>
                                <li>
                                    <a href="#">text</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>
</div>

我应该使用tag的内容？我希望整个图表转到中心。

这是输出https://codepen.io/anon/pen/boQqrg

Answer 1

如果不起作用，我建议使用margin: auto;。

另请注意，您可能遇到的一个问题是您使用的是align="center"。使用引号不起作用。

Answer 2

我应该移除float上的.tree li并将margin: auto添加到.tree ul。

Answer 3

如果要将其水平和垂直居中，请将其添加到ul标签：

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

但我建议您查看整个代码。你没有使用明确修复的浮动（阅读更多here），它会导致高度崩溃。

使用Div标记居中我的图表

3 个答案: