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>

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

Summary of common knowledge points required for MySQL

html a link tag title attribute line break mouse hover prompt content line break effect

Summary of common knowledge points required for MySQL

Using CSS3's 3D effects to create a cube

Research on the Input Button Function of Type File

Use label tag to select the radio button by clicking the text

Mysql method to copy a column of data in one table to a column in another table

Issues with locking in MySQL

jQuery implements dynamic tag event

Analysis of the principle of MySQL large table extraction mode from the perspective of cloud data migration service

VMware virtualization kvm installation and deployment tutorial summary

Even a novice can understand the difference between typeof and instanceof in js

Recommend

HTML thead tag definition and usage detailed introduction

CentOS7 enables MySQL8 master-slave backup and daily scheduled full backup (recommended)

MySQL green decompression version installation and configuration steps

Detailed explanation of how to use the mysql backup script mysqldump

Pure CSS3 to achieve beautiful input input box animation style library (Text input love)

What are the new features of Apache Spark 2.4, which will be released in 2018?

Getting Started with Front-End Vue Unit Testing

HTML table tag tutorial (36): table header background color attribute BGCOLOR

How to implement JavaScript output of Fibonacci sequence

How to use negative margin technology to achieve average layout in CSS

Detailed explanation of Svn one-click installation shell script under linxu

mysql implements adding time automatically adding and updating time automatically updating operation

Solution for coexistence of multiple versions of PHP under Linux system (super simple)

WeChat applet custom tabbar component

Detailed explanation of VueRouter routing