更新时间:2023-02-17 11:35:53
你只需要更改css文件的 max-width
:
you only have to change the max-width
of your css file:
.ui-tooltip, .qtip{
max-width: 900px; /* Change this? */
}
在 jsfiddle
<p>
<img src="http://www.dummyimage.com/50x50/4c6aff/000000.png&text=1" data-pic="http://www.dummyimage.com/600x600/4c6aff/000000.png&text=1">
<img src="http://www.dummyimage.com/50x50/4c6aff/000000.png&text=2" data-pic="http://www.dummyimage.com/300x300/4c6aff/000000.png&text=2">
<img src="http://www.dummyimage.com/50x50/4c6aff/000000.png&text=3" data-pic="http://www.dummyimage.com/150x150/4c6aff/000000.png&text=3">
</p>
$(function() {
$("img").each(function() {
$(this).qtip({
content: {
text: function(api) {
return "<img src='" + $(this).attr("data-pic") + "' class='dit'>";
}
}
});
});
});
p {
margin-top: 50px;
margin-left: 100px;
}
img {
padding: 10px;
}
.ui-tooltip, .qtip{
max-width: 10000px; /* Change this? */
}