私が構築しているモバイル Web サイトがあり、テキストが長いボタンのボタンがページからはみ出しています。
jquery モバイルで組み込みの列を使用したときに気付きました。テキストのボタンが自動的に切り捨てられ、さもなければページ幅を超えて拡張されます。これは、ボタンのテキストの最後に「....」を付けるだけで、切り取る必要がありました。
私のページはフォーマットのためのものなので、ボタンがページの 2/3 を占め、タイトルが 1/3 を占めるようにしたかったので、ページに 2 列または 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>
";