質問: tooltipで省略せずに改行させたい 初歩的な質問で申し訳ありませんが有識者の方がいらっしゃいましたらご教授頂きたいです。 ### やりたいこと ・bind変数で入ってくる値をツールチップで表示させたい。 ・日本語、英数ともに任意の場所で自動で折り返しさせたい。 ・途中で省略させたくない。 ### 環境 AngularJS1.5/JQuery/bootstrap/HTML5 表示はPCを前提とする。 ブラウザはIE11 ### 発生している問題 通常のtitle属性では値が長いと途中で省略してしまい、全体を表示できない。 bootstapのuib-tooltipを試したが、使用している元要素のradiusを消してしまう(radiusがlast-childにならない) uib-tooltipを分けて、タグの間にタグを入れて実装してみたら、タグの領域でtooltipが見切れる bootstrapでradiusを消さない方法か、titleで省略されない方法があればと思います。 またbootstrapのuib-tooltipを使用する場合、左右上下だけでなく、左上、などの細かい位置指定の方法があればご教授いただけると助かります。 ### ソース {{AAA}} class a:タグ内のフォントサイズ等を指定 class b:タグ内のborder、background-color、radiusを設定 class c:タグ内の省略等の設定。 {{AAA}}:今回使用したいバインド変数。内容が変わる。100byte以上入ってくる想定。
回答: 位置に関しては`tooltip-placement`の設定で`right-top`とかで変わるようです。 `radius`に関しては、何かどうかかってどうだからどうダメなのか不明なので不明です。 最後に根本的な話ですが、CSSでツールチップを出す手もありますよ? * CSSで作るツールチップ