CSS中可以通過設置vertical-align屬性來實現文字在
底部或頂部的效果。
.box {
height: 200px; /* 確保盒子有足夠的高度 */
background-color: #f5f5f5;
display: flex;
justify-content: center; /* 橫向居中 */
align-items: flex-end; /* 縱向底部對齊 */
}
.box p {
font-size: 24px;
color: #333;
}在上面的代碼中，我們使用了flex布局，設置了justify-content: center和align-items: flex-end，這樣就可以讓文本在垂直方向上底部對齊了。
此外，還可以使用position: absolute和bottom: 0來實現文字在
底部的效果：
.box {
position: relative;
height: 200px; /* 確保盒子有足夠的高度 */
background-color: #f5f5f5;
}
.box p {
position: absolute;
bottom: 0;
font-size: 24px;
color: #333;
}上述代碼中，我們將
設置為
position: relative，使得盒子內的元素可以使用絕對定位。然后，給標簽設置position: absolute和bottom: 0，這樣就可以讓文本在垂直方向上底部對齊了。
以上是兩種常見的讓文字在
底部的方法，可以根據實際情況選擇使用。
上一篇ajax獲取PHP不解析
下一篇css文字向左無縫滾動