html a link tag title attribute line break mouse hover prompt content line break effect
|
The method of wrapping the content (title attribute content) when the mouse hovers over the object, summary of the html title 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 When filling in the title content directly, press the "Enter" key to wrap the line. The sample code is as follows: Copy code The code is as follows:<a href='https://www.jb51.net' target='_ablank' title='Title: DIVCSS5 Author: DIVCSS5 Updated: 2013-05-17 Recommended level: None Keywords: title line break Pagination: No pagination Reading level: Normal'>html title attribute line break</a> Browser effect screenshots:  Screenshot of the effect of moving the mouse to the link text a prompting the content to wrap 2. Use HTML title line break code There are two types of code for line breaks, both of which can achieve line breaks when the title content in the html tag is displayed. 1. The line break codes are as follows: " " and " " " " spelling: & (and symbol, keyboard number key 7 together &) + # (pound sign) + 10 (Arabic number ten) + ; (lowercase semicolon) " " spelling: & (and symbol, keyboard number key 7 together &) + # (pound sign) + 13 (Arabic number thirteen) + ; (lowercase semicolon) The above digital input must be entered in half-width English format. When using, just select any one (group) of line break symbol codes where a line break is required. 2. The sample code is as follows: Copy code The code is as follows:<a href="https://www.jb51.net" title="First row Second row Third row">title line break 1</a> <a href="https://www.jb51.net" title="Explanation 1 Explanation 2 Explanation 3">title line break 2</a> <!-- HTML comment: In order to make the screenshot complete, the code is wrapped here--> 3. Example screenshots  Example code screenshot  When the mouse moves to the hyperlink, the title attribute content is displayed to achieve line break display effect diagram |
<<: Better looking CSS custom styles (title h1 h2 h3)
>>: Summary of 6 skills needed to master web page production
Recommend
Example code for Html layered box-shadow effect
First, let’s take a look at the picture: Today we...
MySQL 5.7.18 release installation guide (including bin file version)
The installation process is basically the same as...
How to change the root password in MySQL 5.7
Starting from MySQL 5.7, many security updates ha...
Various methods to implement the prompt function of text box in html
You can use the attribute in HTML5 <input="...
MySQL example of getting today and yesterday's 0:00 timestamp
As shown below: Yesterday: UNIX_TIMESTAMP(CAST(SY...
Install redis and MySQL on CentOS
1|0MySQL (MariaDB) 1|11. Description MariaDB data...
XHTML Getting Started Tutorial: Simple Web Page Creation
Create your first web page in one minute: Let'...
Vue's simple implementation process of imitating NetEase Cloud Music Player interface
Due to the needs of the work project, song playba...
Vue+SSM realizes the preview effect of picture upload
The current requirement is: there is a file uploa...
Nodejs converts JSON string into JSON object error solution
How to convert a JSON string into a JSON object? ...
A brief analysis of the issues that should be paid attention to when making 404 error pages
When optimizing a website, we must learn to use e...
How to implement logic reuse with Vue3 composition API
Composition API implements logic reuse steps: Ext...
An article to understand Linux disks and disk partitions
Preface All hardware devices in the Linux system ...
Example of setting up a whitelist in Nginx using the geo module
Original configuration: http { ...... limit_conn_...
Detailed explanation of the difference between flex and inline-flex in CSS
inline-flex is the same as inline-block. It is a ...