css中怎么让字体出现在底部

CSS中如何让字体出现在底部
有些时候，在设计网页的时候我们会想要让文字出现在底部，这样可以更好地进行排版和视觉效果。那么，在CSS中如何实现呢？
一种方法是通过设置容器的高度和line-height相同，然后再让文字居底。下面是样例代码：

.container {
  height: 100px;
  line-height: 100px;
  text-align: center;
}

.container p {
  display: inline-block;
  vertical-align: bottom;
} 

这样，当我们在容器中添加文字时，文字就会跟着容器底部对齐了。
另一种方法是使用flexbox布局。我们可以将容器设置为flex布局，并将justify-content和align-items都设置为flex-end，这样容器中的元素就会垂直对齐底部了。下面是样例代码：

.container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100px;
}

.container p {
  margin: 0;
} 

在这种方法中，我们需要注意每个p标签的外边距。
总的来说，实现文字底部对齐的方法有很多种，但以上两种方法都是比较简单常见的。在实际开发中，可以根据具体情况选择不同的方法。