在HTML中如何让一行文字的部分内容居中,另一部分内容靠左显示

您所在的位置:网站首页 三级标题左对齐右对齐 在HTML中如何让一行文字的部分内容居中,另一部分内容靠左显示

在HTML中如何让一行文字的部分内容居中,另一部分内容靠左显示

2023-08-11 07:22| 来源: 网络整理| 查看: 265

HTML中如何让一行文字的部分内容居中 在HTML中如何让一行文字的部分内容居中,另一部分内容靠左显示代码关于这部分代码的解释其他需要注意的事情完整代码与预览效果预览效果

在HTML中如何让一行文字的部分内容居中,另一部分内容靠左显示

这是一个入门的简单问题,然鹅十分容易被忽略,因此我特意在这里记忆一下,也是以此加深我对HTML文字渲染原理的理解(麻蛋这个Mark编辑器怎么没有首行缩进啊,希望开发者这边教教我空格和首行缩进怎么弄出来)

代码

在我尝试了好几种方法之后找到了一种相对而言最简单的方法:

这段文字靠左 这段文字居中 关于这部分代码的解释

很明显,其中float用来将一部分文字靠左浮动,以此实现下段文字仍然在同一行。下段文字用了居中对齐align,但是仅仅如此还不能保证这段文字完全居中,因为受到浮动文字的影响,本来居中的文字会被向右挤一定的距离,就是浮动文字的长度。在这里是 个字节6em,因此居中文字需要缩进6em抵消被挤的影响。

其他需要注意的事情

目前这种方法并不能实现在同一行文字中同时存在靠左、居中和靠右三种形式。

完整代码与预览效果 如何让一行文字的部分内容居中 如何让一行文字的部分内容居中 这段文字靠左 这段文字居中 这段文字能否靠右呢 一旦有居中之后,下一单段文字就必须另起一行了 预览效果

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3