Question

data-tooltip="
                 Title Here
                 1. Bullet one 
                 2. Bullet two
                 3. Bullet three "

我需要＆＃34;标题在这里＆＃34;要大胆，其余的要在新的一行中对齐。

Answer 1

假设您正在使用Bootstrap工具提示，这是我可以从您的帖子中推断出的最佳工具提示，您可以在工具提示中启用html。（请记住将来要包含更多细节！）

<div data-tooltip="<strong>Title Here</strong>
                     <ol>
                       <li>Bullet one</li>
                       <li>Bullet two</li>
                       <li>Bullet three</li>
                     </ol>" data-html="true">

此外，我建议尽可能将HTML属性保留在一行，既可以用于约定，也可以防止任何无意的换行等。如果您需要工具提示中的换行符，请使用<br>元素。

＆＃13;

(function () {
  $('[data-toggle="tooltip"]').tooltip();
}());

＆＃13;

.tooltip-div {
  background-color: #F00;
  width: 100px;
  height: 100px;
}

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>


<div class="tooltip-div" data-toggle="tooltip" title="<strong>Title Here</strong><ol><li>Bullet one</li><li>Bullet two</li><li>Bullet three</li></ol>" data-html="true" data-placement="bottom">
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>

＆＃13;

将数据工具提示文本的一部分设置为粗体

1 个答案: