Question

我试图在标签上显示长消息作为工具提示。短消息将在该标签中显示为文本。

我想增加工具提示的宽度，因为消息太长了。有没有人可以帮我解决这个问题？

此致阿鲁娜

Answer 1

您可以使用jquery来控制工具提示的宽度

检查以下代码，我认为它将解决您的要求

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
        $(function () {
            $(document).tooltip();
        });
    </script>
    <style>
        label
        {
            display: inline-block;
            width: 5em;
        }
        .ui-tooltip
        {
            width: 210px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <p> <label for="age"> Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>
    </div>
    </form>
</body>
</html>

如何在ASP.NET中增加标签ToolTip的宽度

1 个答案: