HTML中如何让一行文字的部分内容居中在新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入在你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文
HTML中如何让一行文字的部分内容居中
在HTML中如何让一行文字的部分内容居中，另一部分内容靠左显示
这是一个入门的简单问题，然鹅十分容易被忽略，因此我特意在这里记忆一下，也是以此加深我对HTML文字渲染原理的理解(麻蛋这个Mark编辑器怎么没有首行缩进啊，希望开发者这边教教我空格和首行缩进怎么弄出来）
代码
在我尝试了好几种方法之后找到了一种相对而言最简单的方法：
<div style="float: left;">这段文字靠左</div>
<div align="center" style="text-indent: -6em;">这段文字居中</div>
关于这部分代码的解释
很明显，其中float用来将一部分文字靠左浮动，以此实现下段文字仍然在同一行。下段文字用了居中对齐align，但是仅仅如此还不能保证这段文字完全居中，因为受到浮动文字的影响，本来居中的文字会被向右挤一定的距离，就是浮动文字的长度。在这里是
个字节6em，因此居中文字需要缩进6em抵消被挤的影响。
其他需要注意的事情
目前这种方法并不能实现在同一行文字中同时存在靠左、居中和靠右三种形式。
完整代码与预览效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>如何让一行文字的部分内容居中</title>
&
最低0.47元/天 解锁文章
742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
