在進行網頁布局設計時，我們經常會遇到將文字居于div底部的需求。這時候，我們可以利用CSS來實現這個效果。
為了解決這個問題，我們可以使用CSS中的position和bottom屬性，以及text-align屬性來控制文字居于底部。
下面是一個實現文字居于底部的CSS樣式代碼：

div {
position: relative;
height: 300px;
background-color: #f7f7f7;
}
p {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
}

首先，我們需要在外層div中設置position屬性為relative，以便內部元素絕對定位。
接著，我們給p標簽設置position屬性為absolute，并把bottom屬性設置為0，將文字放置在底部。同時，通過設置text-align屬性為center，使文字居中。
最后，我們將p標簽的寬度設置為100%，這樣可以讓文字在div中居中。
通過以上步驟，就能實現將文字居于div底部的效果。
使用以上CSS代碼，我們可以很輕松地實現文字居于底部的效果，同時也能夠幫助我們更好地美化網頁，提升用戶的使用體驗。