超链接文字对齐需通过CSS控制：text-align须作用于父块级容器（如<p style="text-align:center">）或设<a>为display:block后配合text-align:center；禁用align属性，因其在HTML5中已废弃。
超链接文字排版不是靠 <a> 标签本身完成的，而是由 CSS 控制其视觉表现。浏览器对 <a> 的默认样式（蓝色、下划线、带悬停变色）只是基础，所有对齐、字体、间距、换行、背景等控制都必须交由 CSS 处理。
怎么让超链接文字居中/右对齐/缩进
不能用 align 属性——它在 HTML5 中已被废弃，且和 CSS 冲突风险高。正确做法是给 <a> 加 class 或直接用内联 style：
-
<a href="login.html" style="text-align: center;">登录</a>不起作用，因为<a>是行内元素，text-align对自身无效，要作用于其父容器 - 想让单个链接居中，得把它包进块级容器里：
<p style="text-align: center;"><a href="login.html">登录</a></p> - 想让链接自身撑满一行并居中，设
display: block+text-align: center：
a.block-center {
display: block;
text-align: center;
margin: 10px auto;
}
注意：margin: 10px auto 中的 auto 水平居中只对块级元素生效，前提是它有明确宽度或不占满父容器。
怎么去掉下划线并改字体颜色
浏览器默认给 <a> 加 text-decoration: underline，要去掉必须显式覆盖：
立即学习“前端免费学习笔记（深入）”；
- 最简写法：
<a href="#" style="text-decoration: none; color: #333;">文本</a> - 推荐写法（避免重复）：
a { text-decoration: none; color: #333; }，但要注意这会影响所有链接，包括未访问/已访问/悬停状态 - 精准控制不同状态需分别写：
a:link、a:visited、a:hover、a:active
常见错误：只写 a { color: red; }，结果悬停时又变蓝——因为 a:hover 有更高优先级且浏览器自带默认值。
怎么让超链接自动换行不被截断
默认情况下，长链接文字会溢出容器或强行在单词中间断开。解决方法有两个方向：
- 强制单词内断行（适合英文或 URL）：
a { word-break: break-all; }或更温和的word-wrap: break-word; - 让整个
<a>变成块级并允许自然换行：a { display: block; width: fit-content; }，再配合max-width和white-space: normal - 中文场景下，
white-space: normal（默认值）已支持按字换行，无需额外设置；但若用了white-space: nowrap就必须删掉
特别注意：如果父容器是 flex 或 grid 布局，<a> 可能被强制不换行，此时要加 flex-wrap: wrap 或 overflow-wrap: break-word。
怎么把超链接做成按钮样式
这不是“美化”，而是语义与交互的统一。关键点在于：保留可访问性（如键盘 focus、屏幕阅读器识别），同时视觉上像按钮：
- HTML 结构保持原样：
<a href="/login" class="btn">立即登录</a> - CSS 样式重点：
display: inline-block（或block）、padding、background-color、border-radius、cursor: pointer - 必须重置默认下划线：
text-decoration: none - 加上悬停反馈：
a.btn:hover { background-color: #0056b3; }，并确保对比度达标（WCAG AA）
容易被忽略的是焦点样式：a.btn:focus { outline: 2px solid #007bff; outline-offset: 2px; }——没它，键盘用户无法知道当前聚焦在哪。
