Question

当我将鼠标悬停在剑道网格中的某一行上时，会显示一个剑道工具提示。工具提示的内容有多行。默认情况下，这些线条显示为居中，而我希望它们显示为左对齐。

    rowTable.kendoTooltip({
                               content: textToBeDisplayed,
                               position: "bottom"
                           });

Answer 1

您可以覆盖.k-tooltip-content CSS类。

 .k-tooltip-content {
        text-align:left;
    }

请参阅此jsFiddle example

Answer 2

对于那些不想覆盖css类的人。我添加了＃34; in-line＆＃34;关于内容的样式。

.Content("<div style='text-align:left;'> " + myContent + "</div>")

Answer 3

Codingbadger 的回答是正确的，但它会覆盖您在网页上显示的所有工具提示的样式。

以下是仅针对特定工具提示更改样式的示例：http://jsfiddle.net/NameGrey/d4b0ez4n/5/

$(document).ready(function() {
  $("#target").kendoTooltip({
    position: "right",
    width: "200px",
    content: "<div class='my-tooltip'>Tooltip content with <b>solid example</b></div>"
  });
});

的CSS：

.my-tooltip {
    text-align: left;
  font-size: 20px;
}

如何使剑道工具提示内容左对齐

3 个答案: