Jquery-ui：对齐多个图标和文本

Question

我有一段时间在标题的行中间对齐两个jquery-ui图标和文本。 （代码打击）。任何人都可以帮助相当多的人吗？

<div class="ui-widget-header">
  <span class="ui-icon ui-icon-close"></span><span class="ui-icon ui-icon-wrench"></span>Text
</div>

Answer 1

我不清楚你想要什么作为输出。

如果您尝试将图标和文本全部显示在一行上，则可以通过创建新的CSS类来实现：

.ui-icon.inline { display:inline-block; }​
.ui-widget-header.center { text-align:center; }

然后将该类添加到您的图标中：

<div class="ui-widget-header">
    <span class="ui-icon inline ui-icon-close"></span>
    <span class="ui-icon inline ui-icon-wrench"></span>
    Text
</div>​

如果您希望它们在div中水平居中，则可以将div更改为：

<div class="ui-widget-header center">