CSS中，可以使用position屬性將塊元素放在底邊，具體步驟如下：

1、將需要放在底邊的塊元素的position屬性設(shè)置為absolute或fixed。

2、使用bottom屬性指定塊元素距離底部的距離。

3、如果需要讓塊元素在底部居中顯示，可以使用left和right屬性將其左右居中。

將以下HTML代碼中的div元素放在底部并居中顯示：

<div style="position:absolute; bottom:0; left:50%; transform:translateX(-50%);">
  塊元素
</div>

上述代碼中，div元素的position屬性設(shè)置為absolute，表示該元素的位置相對(duì)于其***近的定位祖先元素（如果沒(méi)有定位祖先元素，則相對(duì)于初始包含塊）進(jìn)行定位，bottom屬性設(shè)置為0，表示該元素距離底部的距離為0，left屬性設(shè)置為50%，表示該元素距離左側(cè)的距離為50%，transform屬性中的translateX(-50%)表示該元素在水平方向上向左移動(dòng)其自身寬度的50%，從而實(shí)現(xiàn)居中顯示。

需要注意的是，如果頁(yè)面中有多個(gè)塊元素需要放在底部，可以使用flex布局或grid布局來(lái)實(shí)現(xiàn)，flex布局可以通過(guò)設(shè)置flex-direction為column來(lái)實(shí)現(xiàn)垂直布局，并將塊元素放在底部；grid布局可以通過(guò)設(shè)置grid-template-columns為1fr來(lái)實(shí)現(xiàn)水平布局，并將塊元素放在底部。