鼠标移到a链接文字上提示内容换行效果截图

二、使用html title换行代码

使用代码换行共两种代码,均可实现html标签内">

Home >Web Front-end >HTML Tutorial >html a link tag title attribute line wrapping mouse hover prompt content line wrapping effect_HTML/Xhtml_Web page production

html a link tag title attribute line wrapping mouse hover prompt content line wrapping effect_HTML/Xhtml_Web page production

WBOY
WBOYOriginal
2016-05-16 16:39:281776browse

The prompt content (content of the title attribute) line wrapping and typesetting method when the mouse is hovering over the object, a summary of the html title line wrapping method.

The title attribute of HTML displays one line by default. How to wrap the line? Here DIVCSS5 summarizes and introduces two line wrapping methods for everyone to share and use.

1. Directly wrap the title content to a new line

When directly filling in the title content, press "Enter" to wrap the new line. The sample code is as follows:

Copy code
The code is as follows:

Browser effect screenshot:

Move the mouse over the a link text Screenshot of the line wrapping effect of the prompt content

2. Use the html title line wrapping code

There are two types of code line wrapping, which can achieve line wrapping when the title content in the html tag is displayed.

1. Line break codes are:
“ ” and “ ”

“ ” spelling:

& (and symbol, keyboard numeric key 7 together &) # (pound sign) 10 (Arabic numeral ten) ; (lowercase semicolon)

" " spelling:

& (and symbol, keyboard numeric key 7 together with &) # (pound sign) 13 (Arabic numeral thirteen) ; (lowercase semicolon)

All the above numerical input must be entered in English half-width mode. When using it, just select any type (group) of line break symbol codes where line breaks are required.

2. The sample code is as follows:


Copy the code
The code is as follows:


3. Sample screenshot



Screenshot of example code



Display the title attribute content when the mouse is moved to the hyperlink respectively to achieve line wrapping display effect diagram