CSS Tooltip 换行实现：使用 \a 实现多行文本展示

\u0060\u0060\u0060css\n.custom-tooltip::after {\n content: attr(data-tooltip);\n display: none;\n position: absolute;\n top: -382%;\n min-width: 0px;\n left: 50%;\n z-index: 999;\n transform: translateX(-10%);\n background-color: #FFF8C3;\n border: 1px solid #B5AC85;\n white-space: inherit;\n color: #000;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.custom-tooltip:hover::after {\n display: block;\n text-align: left;\n content: attr(data-tooltip) "\a";\n}\n\u0060\u0060\u0060\n\n在HTML中使用data-tooltip属性，并在其中使用/n来表示换行，例如：\n\n\u0060\u0060\u0060html\n

\n\u0060\u0060\u0060\n\n当鼠标悬停在"Hover Me"文本上时，将显示三行文字，每行一个换行符。