0

我有一个我一直在构建的移动网站,并且按钮从页面上延伸出来,以获取更长文本的按钮。

我注意到,当我在 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>
        ";
4

0 回答 0