質問編集履歴
2
タイトルをわかりやすく変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
tooltip
|
|
1
|
+
tooltipで省略せずに改行させたい
|
body
CHANGED
|
File without changes
|
1
発生している問題に一部追加。（tooltipの見切れ）
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
tooltip
|
|
1
|
+
tooltipで省略せずに改行させたい
|
|
2
2
|
|
|
3
3
|
初歩的な質問で申し訳ありませんが有識者の方がいらっしゃいましたらご教授頂きたいです。
|
|
4
4
|
|
|
@@ -17,9 +17,11 @@
|
|
|
17
17
|
|
|
18
18
|
通常のtitle属性では値が長いと途中で省略してしまい、全体を表示できない。
|
|
19
19
|
bootstapのuib-tooltipを試したが、使用している元要素のradiusを消してしまう（radiusがlast-childにならない）
|
|
20
|
+
uib-tooltipを分けて、<p>タグの間に<span>タグを入れて実装してみたら、<p>タグの領域でtooltipが見切れる
|
|
20
21
|
|
|
21
22
|
bootstrapでradiusを消さない方法か、titleで省略されない方法があればと思います。
|
|
22
23
|
またbootstrapのuib-tooltipを使用する場合、左右上下だけでなく、左上、などの細かい位置指定の方法があればご教授いただけると助かります。
|
|
24
|
+
|
|
23
25
|
###ソース
|
|
24
26
|
<p class="a b c" uib-tooltip="{{AAA}}" tooltip-placement="bottom">{{AAA}}</p>
|
|
25
27
|
|