当“->”在第二行时引号不匹配

quotation marks unmatched when "->" is on the second line

我正在为 bootstrap 弹出窗口编写数据内容,我想在格式中保留换行符。所以我用了

.popover {
    white-space: pre-wrap;  
     max-width: 100%;  
}

但是当我在第二行写“->”时,我得到了一个警告。

没关系

<div class="panel panel-primary">
        <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
             data-content='Select desired pair of factors. 
             Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div>
        <div class="panel-body">

没关系

<div class="panel panel-primary">
        <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
             data-content='Select desired pair of factors.-> 
             Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div>
        <div class="panel-body">   

警告,引号不匹配

<div class="panel panel-primary">
        <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
             data-content='Select desired pair of factors. 
             ->Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div>
        <div class="panel-body">

'->' 会导致错误,因为它本身通常意味着注释的结束,因为 '