css让字体底部居中

css怎么水平居中对齐css水平居中对齐怎么设置

CSS 9 种水平居中方法总结
说白了，以CSS为中心的方法其实有很多，但细节决定成败。
我们先来说说最重要的事情。
Margin: 0 Auto 是最简单、最粗糙的。
我们去年做的项目中，8 0%的场景直接使用它；但最主要的是父容器必须有固定的宽度（比如 5 00px）。
接下来是显示：flex； justify-content-center 现在非常流行，特别适合移动端。
去年很多新的React项目基本都依赖它，而且兼容性还不错。
有一个非常重要的细节。
显示：表格单元格； Vertical-align: center是一种古老的技术，但非常稳定。
这适用于需要兼容IE的情况。
但是，不要将它们混合在一起，因为它们容易滋生害虫。

我一开始认为translate-translateX(5 0%)非常通用，但后来我意识到这是错误的。
这必须与 margin-left--width/2 结合使用，因为在没有引用百分比时很容易卡住。
等等还有一个。
Text-align: Center 严格来说是居中文本，而是块元素很多人用它来调节。
说实话，这很复杂。
不要忘记添加显示器。

警告：显示：内联块的浏览器剪裁最差，尤其是在旧版本的 IE 中。
尤其是老版本的IE。
建议优先选择flex。

---
CSS字体对齐
其实很简单； text-align 是一个核心属性。
p { 文本对齐：居中； }，不要调整你的幻想。
我去年测试过，发现Justify的换行非常紧，在中文排版中基本无法使用。
其中右边和中间是最常见的，所以不要盲目使用其他的。

警告：text-align-last 仅适用于块级元素的最后一行。
甚至不要考虑用它来控制所有线路。

---
HTML页脚和居中对齐
直接推断；显示：柔性；对齐项目：弯曲端；原因内容：中心；这是最没有麻烦的。
在去年的金融项目中，我们使用了flex-end来下推。
在容器上使用flex；水平方向 - 中心到中心，从中心移动到中心 所有这些都在一行代码中完成。
不要使用垂直对齐方式。
底部限制太多了。

警告：