Skip to content

Fix link overflow#300

Merged
CuteLeaf merged 1 commit intoCuteLeaf:masterfrom
LovesAsuna:fix-link-overflow
Apr 16, 2026
Merged

Fix link overflow#300
CuteLeaf merged 1 commit intoCuteLeaf:masterfrom
LovesAsuna:fix-link-overflow

Conversation

@LovesAsuna
Copy link
Copy Markdown
Contributor

@LovesAsuna LovesAsuna commented Apr 16, 2026

Type of change

  • Bug fix (a non-breaking change that fixes an issue)

Checklist

  • I have read the CONTRIBUTING document.
  • I have checked to ensure that this Pull Request is not for personal changes.
  • I have performed a self-review of my own code.
  • My changes generate no new warnings.

Related Issue

手机端,长文本(链接)容易溢出屏幕
问题截图:
image

Changes

  • 1.1 在 src/styles/markdown.css.custom-md 规则中添加 overflow-wrap: break-word; 属性,确保长字符串在容器边界自动换行
  • 1.2 在 src/styles/markdown.css.custom-md a:not(.no-styling) 规则中添加 word-break: break-word; 属性,作为兼容性后备确保长链接在所有浏览器中正确断行

How To Test

Screenshots (if applicable)

修复后效果
image

Additional Notes

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 16, 2026

Deploy Preview for demo-firefly ready!

Name Link
🔨 Latest commit d741209
🔍 Latest deploy log https://app.netlify.com/projects/demo-firefly/deploys/69e100073c67bb0008091d7c
😎 Deploy Preview https://deploy-preview-300--demo-firefly.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@CuteLeaf CuteLeaf merged commit eb0c05e into CuteLeaf:master Apr 16, 2026
7 of 9 checks passed
@LovesAsuna LovesAsuna deleted the fix-link-overflow branch April 17, 2026 05:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants