php 如何把文字紧贴底部且居中
时间: 2024-03-14 14:46:17 浏览: 101
可以使用 `flex` 布局来实现将文字紧贴底部且居中的效果。具体的实现方法如下所示:
HTML 代码:
```html
<div class="container">
<div class="content">
<p>这里是要居中放置的文字</p>
</div>
</div>
```
CSS 样式:
```css
.container {
display: flex;
justify-content: center; /* 设置水平居中对齐 */
align-items: flex-end; /* 设置底部对齐 */
height: 100%; /* 设置高度为100%以撑开页面 */
}
.content {
text-align: center; /* 设置文本居中对齐 */
}
```
这个样式将会使文字紧贴页面底部并水平居中。
阅读全文