使用 Jquery ui 的工具提示文本对齐答案

【问题标题】：Tooltip text-alignment with Jquery ui使用 Jquery ui 的工具提示文本对齐
【发布时间】：2015-12-07 01:07:04
【问题描述】：

Jquery 工具提示文本居中对齐。我需要将其对齐到左侧。这是我的例子。

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tooltip - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( document ).tooltip(); });

</script> </head> <body> <p><input class="age" title="how to align left?.how to align left?.how to align left?.how to align left?.how to align left?.how to align left?.how to align left?.how to align left?.how to align left?."></p> </body> </html>

我浏览了jquery js 和css 文件，但找不到，我可以在其中编辑text alignment 为tooltip。请指教。

【问题讨论】：

标签： css jquery-ui text tooltip text-alignment

【解决方案1】：

所以没有配置选项，可以让您控制ui-tooltip 内容的对齐方式，因此您需要借助@987654323@ 进行设置。

根据docs，在Theming部分：

工具提示小部件使用 jQuery UI CSS 框架来设置其外观和感觉。如果需要特定于工具提示的样式，请使用以下 CSS 可以使用类名：

ui-tooltip：工具提示的外部容器。

ui-tooltip-content：提示的内容。

所以在你的情况下，你可以使用：

.ui-tooltip {
  text-align:left;
}

或：

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

【讨论】：

我找到了问题的根源。在我的主 CSS 文件中，我进行了设置： div { text-align:center;当我将其更改为 text-align:left;我固定对齐还是谢谢你..