jQuery Mobile使うとスマートフォンっぽいUIにしてくれるのでまぁ便利なんだけど、微妙なところの調整が良く分からない。掲題の通りで、ボタン内のテキストを改行して全てを表示させたい。デフォルトだと「…」と省略されるので。 ぐぐるが、とくに解決方法みつけられないので、自力で頑張る。 .ui-btn-inner の 「white-space: nowrap;」が効いてるので折り返されないで表示されてる。 んで、ボタン内の文字列はspan.ui-btn-textに入れられるようなので、このスタイルを設定すればよさそう。 サンプル <style type="text/css"> div.ws-normal span.ui-btn-text { white-space:normal; } div.ws-pre span.ui-btn-text { white-space:pre; } </s
![jQueryMobileのボタン内のテキストを改行](https://cdn-ak-scissors.b.st-hatena.com/image/square/f94f73f09b16522302448938065dad56ad30c1af/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEj31xMxX0QUjJEEz4Xcwx0JbVNQrApWUVtny8umm2oiH16tY0VWmALEBpQ6ovn4Vob_qQ53LBwEfcG8vYBNGVYMQyKM7xxuRvDvztd7cmwBp6RMelvpqAeoKiJ4pXU-nr30gYMacziVY54%2Fw1200-h630-p-k-no-nu%2FjQueryMobileButton.png)