Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve floating link tip style #11539

Closed
TCOTC opened this issue May 26, 2024 · 2 comments
Closed

Improve floating link tip style #11539

TCOTC opened this issue May 26, 2024 · 2 comments
Assignees
Milestone

Comments

@TCOTC
Copy link
Contributor

TCOTC commented May 26, 2024

让悬浮提示里的链接 word-break: break-all;

In what scenarios do you need this feature?

如果提示是链接的话看起来会很奇怪:

image

直接用 .tooltip { word-break: break-all; } 的话链接是正常了,但如果提示是普通文本的话就会在单词中间截断了:

image

image

Describe the optimal solution

image

所以能不能给链接套一层 a 元素? (或者是 data-type="a"?)

然后单独给提示里的链接用 word-break: break-all;

Describe the candidate solution

No response

Other information

No response

Vanessa219 added a commit that referenced this issue May 27, 2024
@Vanessa219 Vanessa219 added this to the 3.0.16 milestone May 27, 2024
@88250 88250 changed the title 让悬浮提示里的链接 word-break: break-all; Improve floating tip style May 27, 2024
@88250 88250 changed the title Improve floating tip style Improve floating link tip style May 27, 2024
@TCOTC
Copy link
Contributor Author

TCOTC commented May 27, 2024

这样直接加 style 的话会不会连标题一起 word-break: break-all 了?

image

@Vanessa219
Copy link
Member

分开的,不会。
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants