2013-04-25 81 views
1

如何添加服裝工具提示上的換行符?無論是css還是jquery,我不知道該怎麼做,使用
的原生工具提示很簡單,但這不適用於服裝,並且使得某些信息難以顯示,例如:如何添加服裝工具提示上的換行符?

 
Name:John Smith 
Age:15 
Hair-Color:Green 
. 
. 
. 

那麼解決方案是什麼?

+0

您的意思是
? – 2013-04-25 14:39:25

+0

是的,一個換行符。在某些語言中,你可以使用/ n,因爲我認爲它對於jQuery是一樣的,但是沒有。 – aleksXPO 2013-04-25 14:40:52

+0

@aleksXPO這與jQuery無關,但顯示換行符,這意味着您將不得不使用一些CSS。 – feeela 2013-04-25 14:42:57

回答

3

如果使用簡單換行符&#13;\n,則必須設置white-space: pre;以保留換行符和空格。或者您可以將每個&#13;轉換爲後端中的換行符HTML標記<br />或通過JS。

參見:https://developer.mozilla.org/en-US/docs/CSS/white-space

+1

謝謝:)這就是它。 – aleksXPO 2013-04-25 14:45:32

+0

關於白色空間的好消息:pre; – 2013-04-25 14:47:02

1

在javascript中有兩種方法可以做到這一點:

var tooltipstring = "John Smith \n Age:15 \n Hair-Color:Green";

或通過添加一個新行:

在字符串中使用換行符\n字符在字符串中並用反斜槓正確地轉義它\

var tooltipstring = "John Smith \ 
Age:15 \ 
Hair-Color:Green";