Question

我在垂直对齐一组jquery-ui按钮和控件时遇到了一些麻烦。它们代表一组选项，如按钮栏：

所需的结果是让所有控件垂直居中。您可以在示例中看到自动完成（输入和按钮）未与其他jquery ui按钮对齐。

一些帮助将不胜感激

Answer 1

快速而肮脏的修复方法是将CSS的一部分更改为：

.icBoxToolbarInner *{
                     height:  20px;
                     display: inline-block;
                     vertical-align: middle;
                    }

请注意上面的星号（*）和HTML“button1”样式：

style="width:20px; height:12px"

Answer 2

如果你不介意带走浮动css，你可以通过display:table-cell样式实现这一点。例如：

.icBoxToolbarInner > * {
    display: table-cell;
}

请参阅此操作：http://jsfiddle.net/william/DeYb8/1/。

关于学习定位，我发现BrainJar的CSS Positioning在解释定位的不同方面做得非常好。如果这还不够，您可以尝试W3官方建议中的Visual formatting model。除此之外，请确保您了解不同类型的显示器和盒子模型。

需要帮助按钮对齐

2 个答案: