前提・実現したいこと
アプリ開発時、ボタン内の文章が省略されてしまうので、文章が全て改行されてでるようにしたい。
発生している問題・エラーメッセージ
開発デバッグ時に以下のように文章が改行されずに省略されてしまう。
該当のソースコード
githubリンク内容
JS
1 <div class="choices"> 2 <ons-row> 3 <ons-col width="100%" align="center" ng-repeat="choice in game.items.currentQ.choices track by $index"> 4 <div class="choice"> 5 <button class="button button--large--cta" ng-click="game.getAnswer($index)"> 6 {{choice}} 7 </button> 8 </div> 9 </ons-col> 10 </ons-row> 11</div>
css
1.button--large:active { 2 background-color: #eb482f; 3 -webkit-transition: none; 4 -moz-transition: none; 5 -o-transition: none; 6 transition: none; 7 opacity: 0.2; 8 -webkit-transition: none; 9 -moz-transition: none; 10 -o-transition: none; 11 transition: none; 12}
試したこと
overflow:scroll;も試しましたが変わりありませんでした。
word-wrap:normal;をcssに書き込んでも変わりはありませんでした。
game.htmlのdivタグにstyle="display:inline-block;を追加してもできませんでした。
どなたかアドバイスよろしくお願い致します。
###バージョンなど
monaca
anguraJS
onsenui
css
html
###追記 cssフレームワークについて
html
1<script> 2 ons.bootstrap(['myApp']); 3</script>
js
1var app = angular.module( 'myApp', ['onsen']);
回答1件
あなたの回答
tips
プレビュー