Mouse over the object when hovering the prompt content (Title property content) Wrapping method, the HTML title wrapping method summary.
The title property of HTML is displayed by default. How do I change the line? Here DIVCSS5 summarizes two kinds of line-wrapping method for everyone to share the use.
Mouse over HTML link title content wrapping effect
First, the direct title content line-
TOP
Enter the title directly when the "return" line, the sample code is as follows:
- < a href=' http://www.divcss5.com/jiqiao/j510.shtml ' Target =' _ablank '
- title = ' title: DIVCSS5
- Author: DIVCSS5
- Posted from: CSS Original
- Update Time: 2013-05-17
- Recommended level: None
- Keyword: Title wrap
- Paging mode: No paging
- Reading level: normal '>HTML title Property wrap </a>
Browser effects:
Move the mouse over a linked text to prompt for a wrap effect on the content
Second, the use of HTML title wrapped code-
TOP
Use code wrapping a total of two kinds of code, can implement the HTML tag in the title content display when the line break.
1, the line-break code to meet the respective:
"& #10;" and "& #13;"
"& #10;" Spelling:
&(ampersand, keypad number key 71 &) + #(pound sign) + (Arabic numerals 10) + ; (Lowercase semicolon)
"& #13;" Spelling:
&(ampersand, keypad number key 71 &) + #(pound sign) + (Arabic numerals 13) + ; (Lowercase semicolon)
The above digital input must be in the English half-width mode input. When using, you can choose one (group) line break symbol code where you need to change the line.
2. The sample code is as follows:
- < a href = "Http://www.divcss5.com/jiqiao/j510.shtml"
- title span>= "first row & #10; second row & #10; third row ; title wrap 1 </ a ;
- < A href = "http://www.divcss5.com/jiqiao/j510.shtml"
- title = "description & #13; description two & #13; description three" ; title Line 2 </ a ;
- <!-- html Comment: here for completeness, wrap the code -->
3. Example
Instance Code
Display the Title property content when you mouse over a hyperlink to implement a line-wrapping display
Online Demo: View demonstration Cases
Third, related reading-
TOP
1. HTML Wrapping
2. Title tag of HTML title
3. HTML BR
4. HTML p
5. CSS Wrapping
6. CSS does not wrap
7. HTML link
8, the title appears in the place
If you want to reprint, please indicate the source and origin of the article URL: http://www.divcss5.com/jiqiao/j510.shtml
HTML title wrapping method such as a link tag within the Title property mouse hover Prompt content Wrapping