在CSS中，可以使用多種方法將文字放置在div元素的***底部，以下是一些常用的方法：
1、使用***定位：
通過***定位（position: absolute;），可以將文字放置在div的底部。
```css
.div-name {
position: relative; /* 父元素設(shè)置為相對定位 */
}
.text-at-bottom {
position: absolute;
bottom: 0; /* 文字距離底部為0 */
}
```
```html
<div class="div-name">
<div class="text-at-bottom">文字位于div底部</div>
</div>
```
2、使用Flexbox：
通過Flexbox布局，可以輕松將文字放置在div的底部。
```css
.div-name {
display: flex; /* 使用Flexbox布局 */
flex-direction: column; /* 主軸為列 */
}
.text-at-bottom {
order: 2; /* 文字位于底部 */
}
```
```html
<div class="div-name">
<div class="text-at-bottom">文字位于div底部</div>
</div>
```
3、使用Grid：
通過Grid布局，也可以將文字放置在div的底部。
```css
.div-name {
display: grid; /* 使用Grid布局 */
}
.text-at-bottom {
grid-row: 2; /* 文字位于第二行 */
}
```
```html
<div class="div-name">
<div class="text-at-bottom">文字位于div底部</div>
</div>
```
4、使用文本對齊：
通過文本對齊（vertical-align），可以將文字垂直對齊到div的底部。
```css
.div-name {
height: 100px; /* 設(shè)置div的高度 */
}
.text-at-bottom {
vertical-align: bottom; /* 文字垂直對齊到底部 */
}
```
```html
<div class="div-name">文字位于div底部</div>
```
5、使用偽元素：
通過偽元素（::after），可以在div的底部添加文字。
```css
.div-name {
position: relative; /* 父元素設(shè)置為相對定位 */
}
.div-name::after {
content: "文字位于div底部"; /* 添加文字 */
position: absolute; /* ***定位 */
bottom: 0; /* 距離底部為0 */
}
```
```html
<div class="div-name"></div> <!-- 可以為空 -->
