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">