js设置title属性的值的换行问题

         一个html标签的title属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。俗话说的意思就是鼠标以上某个元素时悬浮在鼠标右下方的有关这条元素的信息。但有时候我们的信息太长时需要一行行的写来使其美观,那么就需要换行了~这时就要分成两种情况了~

一种是直接在html的标签上添加title属性。这种写法的换行可以用&#10和&#13,以及直接回车等等这些在网上都很多。em:

<a href="http://www.divcss5.com/jiqiao/j510.shtml" 
title="第一排
第二排
第三排">title换行1</a> 
<a href="http://www.divcss5.com/jiqiao/j510.shtml" 
title="说明一
说明二
说明三">title换行2</a>
或者这种直接回车的方式:

<a href='http://www.divcss5.com/jiqiao/j510.shtml' target='_ablank' 
title='标 题:DIVCSS5 
作 者:DIVCSS5 
转 贴 自:CSS原创 
更新时间:2013-05-17 
推荐等级:无 
关键字:title换行 
分页方式:不分页 
阅读等级:普通'>html title属性换行</a>
以上都是直接在网上找的,下面才是重点,因为有时候我们设置标签的值和title时是在后台里面动态添加的,即:

$("#v17").attr("title","喀喀喀哈哈水水任溶溶方法")
这时候,再用第一种的三种方法加上都无法换行。然后无聊直接试了一下c语言的换行方法/n,没想到竟然真的可以实现。即:

$("#v17").attr("title","喀喀喀\n哈哈i就据i额快闪开闪开闪开根本v不")
这样就可以实现了~~~

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LigerUI 是基于 jQuery 的 UI 框架,提供了丰富的 UI 组件,其中包括了一个名为 LigerToolBar 的工具栏组件。如果你需要在 LigerToolBar 中实现自动换行,可以通过以下步骤来实现: 1. 在 HTML 页面中创建 LigerToolBar 的容器元素,例如一个 `div` 元素,并设置其 `id` 属性和 `class` 属性为 `toolbar`。 2. 在 JavaScript 中初始化 LigerToolBar 组件,使用 `$('#toolbar').ligerToolBar(options)` 方法进行初始化,其中 `options` 是 LigerToolBar 的配置参数。在配置参数中,可以设置 `isVertical` 属性为 `false`,表示工具栏是水平排列的。 3. 在 CSS设置工具栏容器元素的宽度,例如 `width: 1000px;`,以及设置工具栏按钮的宽度范围,例如 `min-width: 100px; max-width: 200px;`。 4. 如果需要,在 LigerToolBar 中使用 `addItem` 方法动态添加工具栏按钮。 下面是一个示例代码,创建了一个包含 8 个按钮的 LigerToolBar,该工具栏在达到一定宽度后自动换行: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LigerToolBar 自动换行示例</title> <link rel="stylesheet" type="text/css" href="ligerUI/skins/Aqua/css/ligerui-all.css"> <script type="text/javascript" src="jquery/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="ligerUI/js/ligerui.all.js"></script> <style> #toolbar { width: 1000px; } #toolbar .l-toolbar-item { min-width: 100px; max-width: 200px; } </style> </head> <body> <div id="toolbar" class="l-toolbar"></div> <script> // 初始化 LigerToolBar 组件 $('#toolbar').ligerToolBar({ isVertical: false }); // 动态添加按钮 for (var i = 1; i <= 8; i++) { $('#toolbar').ligerToolBar('addItem', { text: '按钮' + i }); } </script> </body> </html> ``` 在上面的示例代码中,容器元素的宽度为 1000 像素,每个按钮元素占据相同比例,且宽度在 100 到 200 像素之间。当容器元素宽度不足以容纳所有按钮元素时,按钮元素会自动换行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值