使jQuery移动按钮带有图标，没有文本与带文本的按钮高度相同

Question

这个html / css：

<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-right">Left</a>
<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-notext"></a>

产生这个：

但我想要这个：

Answer 1

您可以在所有height元素上设置1em属性为.ui-btn，或者将任何高于1em的高度设置为int* block = new int[row*col] for (int i=0; i < row; i++) ary[i] = block + i*col; 。这将把它们全部设置为相同的高度，无论它们内部是否有文本。

Answer 2

<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-right">Left</a>
<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-notext">ThisWontBeVisible</a>

班级ui-btn-icon-notext将删除<a>中的文字（“ThisWontBeVisible”）。但是，如果<a>中没有文字，它会将按钮缩小到很短的高度。看起来像一个黑客，但也可能是达到预期结果的最简单方法。