html - 使用 CSS 在 DIV 上居中 DIV

Question

我试图在 CSS 中创建一个非常简单的按钮，但我无法让按钮中的箭头位于圆圈的中心。

我用过:

top: 50%
left: 50%

尝试将我的箭头 div 居中放置在我的圆 div 中，但当然这只会使我的箭头 div 的左上角居中，而不是中心位置。

我怎样才能使我的 div 在 div 内完美居中？理想情况下，我想要一个解决方案，其中两个 div 的宽度和高度都无关紧要，这样我可以在以后轻松更改它们。

我当前的代码: http://jsfiddle.net/zhWGx/

Answer 1

试试这个，让你的三 Angular 形 position:absolute，然后 top, left bottom, right 将为 0。让它成为 margin:auto。然后你就完成了。

.triangle
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent red;

    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    margin:auto;
}

链接:http://jsfiddle.net/Vigiliance/zhWGx/4/

附言

当你使用这种方法时，你会诅咒IE。