文档章节

html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行

donny945
 donny945
发布于 2015/04/02 17:35
字数 566
阅读 103
收藏 15

鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结。

html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用。

title 内容换行效果截图
鼠标经过html 链接title内容换行效果截图

一、直接title内容换行   -   TOP

直接填写title内容时候“回车键”换行,示例代码如下:


  
  
  1. <a href='http://www.divcss5.com/jiqiao/j510.shtml' target='_ablank' 
  2. title='标 题:DIVCSS5 
  3. 作 者:DIVCSS5 
  4. 转 贴 自:CSS原创 
  5. 更新时间:2013-05-17 
  6. 推荐等级:无 
  7. 关键字:title换行 
  8. 分页方式:不分页 
  9. 阅读等级:普通'>html title属性换行</a> 

浏览器效果截图:

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

二、使用html title换行代码   -   TOP

使用代码换行共两种代码,均可实现html标签内title内容显示时换行。

1、换行代码符合分别为:
&#10;”和“&#13;

&#10;”拼写:

&(and符号,键盘数字键7一起&)+ #(井号)+ 10(阿拉伯数字十)+ ;(小写分号)

&#13;”拼写:

&(and符号,键盘数字键7一起&)+ #(井号)+ 13(阿拉伯数字十三)+ ;(小写分号)

以上符合数字输入均必须英文半角模式输入。使用时候,在需要换行地方任选一种(组)换行符号代码即可。

2、示例代码如下:


  
  
  1. <a href="http://www.divcss5.com/jiqiao/j510.shtml" 
  2. title="第一排&#10;第二排&#10;第三排">title换行1</a> 
  3. <a href="http://www.divcss5.com/jiqiao/j510.shtml" 
  4. title="说明一&#13;说明二&#13;说明三">title换行2</a> 
  5. <!-- html注释: 这里为了截图完整,对代码进行换行 --> 

3、示例截图

实例换行代码截图
实例代码截图

分别鼠标移到超链接时显示title属性内容实现换行显示效果图
分别鼠标移到超链接时显示title属性内容实现换行显示效果图

在线演示:查看示范案例

三、相关阅读   -   TOP

1、html 换行
2、html title标题标签
3、html br
4、html p
5、css换行
6、css 不换行
7、html 链接
8、title标题出现地方

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j510.shtml


本文转载自:

共有 人打赏支持
donny945
粉丝 9
博文 201
码字总数 33875
作品 0
海淀
程序员
私信 提问
html title属性内容换行方法

鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结。 html的title属性默认是显示一行的,这里介绍两种换行方法为大家分享使用。 鼠标经过html 链接title...

Junn
2014/10/15
0
0
2017.12.1-学习笔记:html基础知识点整理

超文本标记语言 HTML hyper text markup language 1.浏览器内核有哪些? 浏览器 内核 IE trident edge edgeHTML firefox gecko Safari webkit Chrome blink Opera presto 2.网页组成的三部分......

演员小新
2017/12/01
0
0
CrazyWing:Python自动化运维开发实战 二十、html标签用法起手式

导语: 所有标签亲手测试,请放心享用 HTML 标题 标题(Heading)是通过 - 等标签进行定义的,是块级元素 定义最大的标题, 定义最小的标题。 例: 确保将 HTML heading 标签只用于标题。不要仅仅...

CrazyWing
2017/12/22
0
0
HTML学习总结

HTML学习总结 一、常用标签 自己常用标签有html、title、head、body、div、h、p、a、img、input、table、br、ul、dl、ol 1、html、title、head、body标签(4个) 2、div、h、p标签(3个) 1)...

doublelinux
2017/10/08
0
0
[python] 常用正则表达式爬取网页信息及分析HTML标签总结

这篇文章主要是介绍Python爬取网页信息时,经常使用的正则表达式及方法。它是一篇总结性文章,实用性比较大,主要解决自己遇到的爬虫问题,也希望对你有所帮助~ 当然如果会Selenium基于自动化...

Eastmount
2016/04/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用 React 和 Vue 创建相同的应用,他们有什么差异?

在工作中应用 Vue 之后,我对它有了相当深刻的理解。 不过,俗话说「外国的月亮比较圆」,我好奇「外国的」 React 是怎么样的。 我阅读了 React 文档并观看了一些教程视频,虽然它们很棒,但...

阿K1225
26分钟前
0
0
如何使用Kubernetes的configmap通过环境变量注入到pod里

在Kubernetes官网里,有这样一篇文章,提到了Kubernetes里的一个最佳实践就是把应用代码同配置信息分开,一种方式就是使用Kubernetes 1.2里引入的configmap概念。 https://kubernetes.io/bl...

JerryWang_SAP
42分钟前
0
0
2天闭门培训|以太坊智能合约从入门到实战(北京)

2天培训 16个课时 探寻技术原理,精通以太坊智能合约开发 以太坊智能合约是现在应用的最广泛的区块链应用开发方式,HiBlock区块链社区针对以太坊智能合约的学习特别推出2天闭门研修班,通过2...

HiBlock
44分钟前
0
0
限定某个目录禁止解析php,限制user_agent,php相关配置

11月20日任务 11.28 限定某个目录禁止解析php 11.29 限制user_agent 11.30/11.31 php相关配置 1.限定某个目录禁止解析php 核心配置文件内容 <Directory /data/wwwroot/www.123.com/upload> p...

hhpuppy
55分钟前
3
0
Spring的好文章

孤傲苍狼 https://www.cnblogs.com/xdp-gacl/p/4249939.html 跟我学spring http://jinnianshilongnian.iteye.com/blog/1413846 SpringIoc 和Spring Aop 代理模式: 静态代理 动态代理 cglib代......

wangwei2134
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部