在網頁設計中，居中顯示是一項非常重要的技巧之一，常用的方法是使用CSS樣式和框模型來實現。 在CSS中，使用屬性text-align可以實現文本居中，如下所示：

這是一段居中顯示的文本

同樣的，也可以使用margin屬性使元素居中，將元素向左和右分別移動相同的距離，如下所示：

.center {
margin: 0 auto;
width: 50%;
}

此時需要將元素設置為塊級元素，使其占據整行，同時為了達到居中的效果，需要將元素的大小設置為一定的值，例如上面的代碼設置元素寬度為50%。 另外，我們還可以使用CSS3的flexbox來實現居中顯示。在父元素上使用display:flex，然后使用justify-content和align-items分別設置橫向和縱向的居中方式，如下所示：

.parent {
display: flex;
justify-content: center; /*橫向居中*/
align-items: center;     /*縱向居中*/
}

以上就是幾種常用的CSS樣式和框模型來實現居中顯示的方法，可以根據不同的需求選擇使用。