可以在引导程序模式中显示多行文本吗?

时间:2019-02-25 17:56:07

标签: html twitter-bootstrap

我正在显示一个模式面板,并且一切正常,除了我找不到以多行显示消息的方式。我使用以下代码:

var modal = $('#myModal');
modal.find('.modal-body p').text('I need this text in one line. And this text in another line');
$("#myModal").modal();

我一直在搜寻,但什么也没有。 我尝试使用“
”,但是它与其他文本一样使用。 我尝试插入“ \ r \ n”,什么也没有。

有人可以帮忙吗? 预先感谢。

2 个答案:

答案 0 :(得分:0)

我认为您可以使用br标签,它是html的换行符。标签:<br /> 尝试使用以下代码:

var modal = $('#myModal');
modal.find('.modal-body p').html('I need this text in one line. <br/>And this text in another line');
$("#myModal").modal();

答案 1 :(得分:0)

一种方法是确保将ccs属性'text-overflow'设置为initial,以便将其环绕。如果这样不起作用,则可以使用html()覆盖html并呈现换行符

var modal = $('#myModal');
modal.find('.modal-body p').html('I need this text in one line. <br/>And this text in another line');
$("#myModal").modal();