我有一个我一直在构建的移动网站,并且按钮从页面上延伸出来,以获取更长文本的按钮。
我注意到,当我在 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>
";