jquery移动按钮延伸页面尺寸

Question

我有一个我一直在构建的移动网站，按钮正在页面上延伸，用于显示较长文本的按钮。

我注意到当我在jquery mobile中使用内置列时，它自动截断的按钮，其他文本将使它们延伸超过页面宽度。它通过让按钮文本在需要将其切断的末尾只有“......”来实现这一点。

由于我的页面是如何格式化的，我不想在页面上使用双列或三列，因为我希望按钮占据页面的2/3，标题占用1/3。下面的图片将显示此页面，而按钮则从右侧页面开始显示：

用更长的话来说，它更糟糕。现在，因为我希望按钮占用2/3，我正在使用带有colspan的表：

打印“

<table border=\"0\" width=\"100%\">
                <tr>
                    <td> <h3>Brewery:</h3></td>
                    <td colspan=\"2\"> <a href=\"$breweryURL\" data-theme=\"b\" data-ajax = \"false\" data-role=\"button\">$brewery</a>  </td>
                </tr>
                <tr>
                    <td><h3>Style:</h3></td>
                    <td colspan=\"2\"> <a href=\"$styleURL\" data-theme=\"b\" data-ajax = \"false\" data-role=\"button\">$style</a>  </td>
                </tr>

            </table>
        ";