利用Tab对Word内容进行居中、对齐、生成菜谱、目录

Word中的Tab键神技巧:高效公式居中与制表位设置
本文介绍了如何利用Word中的Tab键和制表位功能进行文字排版,特别是针对公式的快速居中。通过调出标尺,设置制表位位置、对齐方式和引导符,可以实现精准的文本分隔和对齐。双击标尺可修改制表位,拖动调整位置,简化大量公式对齐的工作。此外,这种方法也适用于创建菜谱和目录等,提高工作效率。

 Tab键,在Word中对文字排版、对齐,有着非常强大的作用,可以用于制作类似表格的东西、居中公式、生成菜谱、目录等。现在来介绍记录下Tab制表位的常用且重要的用法。

1. 调出标尺

2. 选中要进行对齐、制表格式化的内容

3. 双击标尺栏,设置制表位位置、对齐方式、引导符。完成后,会在标尺上指定位置出现指定制表位类型的图标

4. 依次在要分隔、对齐的内容间按Tab。第N次Tab会执行标尺上第N个制表位位置与类型

5.  如果位置不满意,可以拖动标尺上的制表位调整,也可双击标尺上的制表位输入精确位置

GIF动画演示如下:

注:标尺栏左侧有个图标,可以用来切换制表位对齐方式以及首行缩进、悬挂缩进等类型。切换为某类型,在标尺上双击就会在该位置出现对应类型的制表位

自己利用Tab键将公式快速居中,对于大量公式,不用再苦逼的对空格、拼眼力了: 

 

上面以居中、对齐为例讲解了用法。对于生成菜谱、目录等,只需将引导符设为……即可

通过这次学习实操,我觉得真正牛叉的是标尺,而制表符只是标尺的一个辅助工具。

参考链接:https://baijiahao.baidu.com/s?id=1707213290205075429&wfr=spider&for=pc

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>健康食谱</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; background-color: #f8f8f8; color: #333; line-height: 1.6; } /* === 头部搜索栏 === */ .header { display: flex; align-items: center; justify-content: space-between; padding: 13.3333vw 10vw; /* 100 / 750 * 100 = 13.333vw */ background-color: #00bfff; height: 13.3333vw; /* 100px */ position: relative; } .search-bar { flex: 1; display: flex; align-items: center; background-color: white; border-radius: 5.3333vw; /* 40px */ padding: 0 10vw; overflow: hidden; } .search-bar input { flex: 1; border: none; outline: none; font-size: 4.8vw; /* 36px */ color: #666; } .search-icon { width: 8vw; height: 8vw; fill: #ccc; } .scan-btn { width: 10.6667vw; /* 80px */ height: 10.6667vw; background-color: transparent; border: none; margin-left: 10vw; display: flex; align-items: center; justify-content: center; } .scan-icon { width: 6.6667vw; /* 50px */ height: 6.6667vw; fill: white; } /* === 轮播图 === */ .banner { width: 100vw; height: 48vw; /* 360px */ background-color: #eee; margin-top: 10.6667vw; /* 80px */ overflow: hidden; } .banner img { width: 100%; height: 100%; object-fit: cover; } /* === 导航栏 === */ .nav-tabs { display: flex; justify-content: space-around; padding: 13.3333vw 0; background-color: white; border-bottom: 1px solid #eee; } .nav-item { text-align: center; } .nav-icon { width: 13.3333vw; /* 100px */ height: 13.3333vw; fill: #00bfff; } .nav-text { font-size: 4.8vw; /* 36px */ color: #666; margin-top: 5.3333vw; /* 40px */ } /* === 每日推荐 === */ .section-title { font-size: 5.3333vw; /* 40px */ color: #00bfff; margin: 13.3333vw 10vw 5.3333vw; /* 100px, 75px, 40px */ } .recommend-list { display: flex; flex-direction: column; gap: 10.6667vw; /* 80px */ padding: 0 10vw; } .card { display: flex; align-items: center; background-color: white; border-radius: 5.3333vw; /* 40px */ padding: 5.3333vw 0; /* 40px */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .card-text { flex: 1; padding-right: 10vw; font-size: 4.8vw; /* 36px */ } .card-img { width: 37.3333vw; /* 280px */ height: 26.6667vw; /* 200px */ border-radius: 5.3333vw; object-fit: cover; } .card-title { font-size: 4.8vw; color: #ff9f43; margin-bottom: 3.2vw; /* 24px */ } /* === 精选食谱 === */ .selected-list { display: flex; flex-direction: column; gap: 10.6667vw; padding: 0 10vw; } /* === 底部 Tab === */ .footer-nav { display: flex; justify-content: space-around; background-color: white; padding: 10.6667vw 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; } .footer-item { text-align: center; } .footer-icon { width: 10.6667vw; /* 80px */ height: 10.6667vw; fill: #666; } .footer-text { font-size: 4.8vw; color: #666; margin-top: 3.2vw; /* 24px */ } .footer-active { color: #00bfff; } </style> </head> <body> <!-- 头部 --> <header class="header"> <div class="search-bar"> <svg class="search-icon" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5.25 5.25L17.39 18l-5.25-5.25z"/></svg> <input type="text" placeholder="搜索医院" /> </div> <button class="scan-btn"> <svg class="scan-icon" viewBox="0 0 24 24"><path d="M16.5 4.5V2H9.5v2.5H7v10h2.5V15h4v1.5H15v1.5h2v-1.5h2.5v-1.5H20v-4.5h-2.5v-2.5H16.5zm-2.5 2.5h-2v10h2V7zM7 11.5h2.5v-2.5H7v2.5zm10.5-10H9.5v2h4.5V1.5zm0 12h-4.5v2h4.5v-2z"/></svg> </button> </header> <!-- 轮播图 --> <div class="banner"> <img src="https://via.placeholder.com/750x360" alt="医生" /> </div> <!-- 导航栏 --> <div class="nav-tabs"> <div class="nav-item"> <svg class="nav-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="nav-text">健康食谱</div> </div> <div class="nav-item"> <svg class="nav-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="nav-text">健康检查</div> </div> <div class="nav-item"> <svg class="nav-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="nav-text">养生套餐</div> </div> <div class="nav-item"> <svg class="nav-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="nav-text">在线预约</div> </div> </div> <!-- 每日推荐 --> <div class="section-title">每日推荐</div> <div class="recommend-list"> <div class="card"> <div class="card-text"> <div class="card-title">饮食指导</div> <p>坚持每天吃早餐。不吃早餐可能会导致白天食欲增强从而导致...</p> </div> <img class="card-img" src="https://via.placeholder.com/280x200" alt="食物" /> </div> <div class="card"> <div class="card-text"> <div class="card-title">饮食指导</div> <p>坚持每天吃早餐。不吃早餐可能会导致白天食欲增强从而导致...</p> </div> <img class="card-img" src="https://via.placeholder.com/280x200" alt="食物" /> </div> </div> <!-- 精选食谱 --> <div class="section-title">精选食谱</div> <div class="selected-list"> <div class="card"> <div class="card-text"> <div class="card-title">饮食指导</div> <p>坚持每天吃早餐。不吃早餐可能会导致白天食欲增强从而导致...</p> </div> <img class="card-img" src="https://via.placeholder.com/280x200" alt="食物" /> </div> </div> <!-- 底部 Tab --> <div class="footer-nav"> <div class="footer-item footer-active"> <svg class="footer-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="footer-text">首页</div> </div> <div class="footer-item"> <svg class="footer-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="footer-text">发现</div> </div> <div class="footer-item"> <svg class="footer-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="footer-text">消息</div> </div> <div class="footer-item"> <svg class="footer-icon" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg> <div class="footer-text">我的</div> </div> </div> </body></html>检查代码 让排版更美观
最新发布
11-25
### 设置公式居中与编号右对齐的方法 在Word文档中实现公式居中显示而其编号右对齐,可以通过调整制表来达成这一效果。具体操作如下: 通过设置特定宽度的制表,能够精确控制公式的排列方式。首先应当确定当前页面的具体尺寸以及页边距设定情况,这有助于决定用于分隔正文、公式及其编号的最佳距离[^3]。 对于具体的实施过程而言,在编辑好所需的数学表达式之后,需将光标放置于该公式结尾处而非整行末端。接着按下Tab移动至预先设好的中心置以确保公式处于页面中央;再次利用Tab跳转到右侧边缘指定区域录入相应的序号,从而达到预期的效果[^2]。 另外一种方法涉及到了解并合理运用Word内置工具栏中的功能选项。即先选定全部待处理的内容部分,随后访问“开始”标签下的“段落”组里的“更多制表...”,在此界面内按照实际需求配置两个不同的停顿点——一个于中部负责承载主体算术关系式子,另一个则靠近边界用来安放识别标记[^1]。 ```python # Python代码仅作为示意,并不适用于Word操作 def set_formula_alignment(): # 假设这是设置公式和编号对齐的方式 formula_position = "center" number_position = "right" print(f"Formula is {formula_position} aligned, and the numbering is {number_position} aligned.") set_formula_alignment() ``` 为了使上述步骤更加直观易懂,还可以参考相关教学资料或视频演示来进行学习实践[^4]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值