在title属性中添加换行符

时间:2013-11-14 15:43:02

标签: html

我想知道如何在title属性中添加一个中断,我希望在title属性中有中断来区分名称。 如何在title属性中添加中断?

我有类似的东西

<p title="this is a description of the some text <br> and further description">Some Text</p>

出来的是:image showing <br> in stead of braking.

2 个答案:

答案 0 :(得分:9)

如果你想在换行符的地方添加一个新行,它可以在某些浏览器上运行,但不是全部。

示例:

div { background-color: #c3c3c3; display: block; width: 100px; height: 100px; }
<div title="This is a text
    Second line
    Third line!">Contents</div>

的jsfiddle:
http://jsfiddle.net/g5CGh/

答案 1 :(得分:5)

在标题文字中,将<br>替换为&lt;br /&gt;

<p title="this is a description of the some text &lt;br /&gt; and further description">Some Text</p>

现在用换行符<br />(jquery)替换\n

<script>
    $(document).ready(function(){
    $('p').each(function(){
        var a = $(this).attr('title');
        var b = a.replace('<br />','\n');
        $(this).attr('title', b);
    });
    });
</script>

希望我帮助过你